Ajax 表单提交并刷新页面出 DIV

Question

我正在使用 ajax 表单提交脚本，例如

    <script type="text/javascript">  
  $(document).ready(function(){  
    $("#login").submit(function(event) {  

        /* stop form from submitting normally */  
        event.preventDefault();   

        $.post( 'login.php', $("#login").serialize(),  
          function( data ) {  
              $("#loginoutput").append(data);  
          }  
        );  
      });  
  });  
</script> 

. . .

当表单提交时，loginoutput DIV 中显示的所有内容。错误、控制和成功消息等。 但我想在提交成功后重定向主页，但在 DIV 部分完成重定向。我想刷新不在 DIV 部分的整个页面。但是在 DIV 中执行的所有重定向都类似于输出消息。

表单提交后如何刷新整个页面？

问候

Answer 1

如果您想在成功的 ajax 发布后刷新屏幕。然后在 ajax 调用的成功函数中刷新屏幕，如下所示：

$.post( 'login.php', 
    $("#login").serialize(),
    function(data) { // will trigger after successful request (HTTP 200)
        document.location.reload(true);
    }
};

Answer 2

你也可以使用这个小解决方案：

var form = document.getElementById("login");
$.post('login.php', form.serialize(),
       function(data) {
          var response = data;
          if(response.length > 0){
            document.location.reload(true);
          } else {
            console.log('error');
          }  
       }
});