当数据更新到数据库时自动更新jsp页面

Question

我在表单中显示了一个home.jsp（以表格形式显示数据），该表单打开弹出窗口以更新数据（editUser.jsp）。

<form method ="post" action="editUser.jsp" onsubmit="target_popup(this)"> 

editUser.jsp有一个表格点击提交按钮，它进入文件edit.jsp更新数据到数据库后更新数据

<form method="post" action="edit.jsp"> 

/*HTML FORM*/ 

。 在edit.jsp页面中只包含用于更新数据的java代码，而不包含其他任何内容。

现在我需要在数据插入数据库或在editUser.jsp中按下提交按钮后自动刷新home.jsp页面吗？我该怎么做？直到现在我必须手动刷新页面。网页

的控制流回到Home.jsp - > editUser.jsp - > edit.jsp文件

$(function(){ 
       $("#submit").click(function(){ 

        var a=$("#ID").val(); 
        var b=$("#NAME").val(); 
        var c=$("#PWD").val(); 
        var datastring='ID=' + a + '&NAME=' + b+'&PWD='+c ; 

         $.ajax 
         ({ 
           type: "POST", 
           url: "edit.jsp", 
           data: datastring, 
           success: function(){ 

             window.close(); 
             window.location.href="home.jsp"; 


                 } 
         }); 
       }); 
      }); 

但是这个代码是行不通的。我该怎么做？？？？

Answer 1

您可能有兴趣为您的用例实施类似Knockout的操作。这是一个支持可观察对象的Javascript MVVM框架，可在服务器更改时自动刷新客户端。这样，您不必进行硬页面刷新/重新加载。