ajax成功后重新加载页面

Question

成功的 ajax 调用后，我在重定向/重新加载时遇到一些问题。 情况如下：

我将要删除的项目保存在数组中。当我单击按钮时，它会通过 ajax 调用 PHP 文件，成功后我需要重新加载页面。但我这样做有一些问题。 我在互联网上搜索，找不到有效的解决方案。

我有 PHP 文件，它通过数组从数据库中逐项删除。

foreach($arrayVals as $key=>$val)
{
    //bla bla
}

另外，我还有 jQuery 部分：

$("#button").live("click",function(){
    $.ajax({
        url, data, type... not important
        success: function(html){
                    location.reload();
                }
    });
});

我的意思是，代码可以工作，但效果不好。它确实删除了项目，但不是全部，然后重新加载页面。 例如，如果我有 10 个项目要删除，它会删除 6-7 个项目，并且 3-4 个项目保持未删除状态。

它的行为就像它重新加载页面太快，就像 PHP 文件没有足够的时间来处理所有内容:D

Answer 1

BrixenDK 是对的。

.ajaxStop() 当所有ajax调用完成时执行回调。这是放置处理程序的最佳位置。

$(document).ajaxStop(function(){
    window.location.reload();
});

Answer 2

当 ajax 完成时，您可以使用 ajaxStop 执行代码：

$(document).ajaxStop(function(){
  setTimeout("window.location = 'otherpage.html'",100);
});

Answer 3

使用此重新加载页面

success: function(data){
   if(data.success == true){ // if true (1)
      setTimeout(function(){// wait for 5 secs(2)
           location.reload(); // then reload the page.(3)
      }, 5000); 
   }
}

Answer 4

ajax成功后使用ajaxSuccess重新加载页面。

$(document).ajaxSuccess(function(){
    window.location.reload();
});