所有 ajax 调用完成后如何重新加载页面？

Question

当用户第一次访问我的网站时，我会使用几个 ajax 调用从各种来源获取大量信息。 ajax 调用完成后如何重新加载页面？

if(userVisit != 1) {
  // First time visitor
  populateData();
}

function populateData() {
  $.ajax({
            url: "server.php",
            data: "action=prepare&myid=" + id,
            dataType: "json",
            success: function(json) {
                if(json.error) { 
                    return;
                }
                _id = response[json].id;
                getInformation(_id);
            }
  });
}

function getInformation(id) {
  $.ajax({
            url: "REMOTESERVICE",
            data: "action=get&id=" + id,
            dataType: "json",
            success: function(json) {
                if(json.error) { 
                    return;
                }

                $.ajax({
                       url: "server.php",
                       data: "action=update&myid=" + id + '&data=' + json.data.toString(),
                       dataType: "json",
                       success: function(json) {
                                if(json.error) { 
                                    return;
                                }
                      }
                });
            }
  });
}

所以代码的作用是，它获取新用户的预定义标识符列表（populateData 函数）并使用它们从第三方服务获取更多信息（getInformation 函数）。这个getInformation 函数查询第三方服务器，一旦服务器返回一些数据，它就会通过另一个ajax 调用将该数据发送到我的服务器。现在我需要一种方法来确定所有 ajax 调用何时完成，以便我可以重新加载页面。有什么建议吗？

Answer 1

在您的getInformation() 调用中，您可以在您的success 回调中调用location.reload()，如下所示：

success: function(json) {
  if(!json.error) location.reload(true);
}

要等到任何进一步 ajax 调用完成，您可以使用ajaxStop event，如下所示：

success: function(json) {
  if(json.error) return;
  //fire off other ajax calls
  $(document).ajaxStop(function() { location.reload(true); });
}

Answer 2

您可以重定向到 server.php 文件中使用 header('Location: html-page'); 定义函数的同一页面；

Answer 3

.ajaxStop() 对我来说很好，页面在所有 ajax 调用后重新加载。

您可以使用以下示例：

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

它是如何工作的？ 答：每当一个 Ajax 请求完成时，jQuery 都会检查是否还有其他未完成的 Ajax 请求。如果没有剩余，jQuery 会触发 ajaxStop 事件。

希望对大家有所帮助，更多信息，我正在分享以下文档的链接。

来源：https://api.jquery.com/ajaxstop/

Answer 4

//document.location.reload(true);
window.location = window.location;

• 查看更多信息：http://www.dotnetfunda.com/forums/show/17887/issue-in-ie-11-when-i-try-to-refresh-my-parent-page-from-the-popupwind#sthash.gZEB8QV0.dpuf