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');
          }  
       }
});

Ajax表单提交＆amp;刷新DIV页面

2 个答案: