JavaScript XMLHttpRequest() 和重定向

Question

到目前为止，我想向服务器发送一个 XMLRequest，然后将用户重定向到首页 我有：

var posts = new XMLHttpRequest();
var api="XXXXXXXXXX";
posts.open("GET", api+user+"/"+password+"/"+id+"/"+latitude, true);
posts.send();

window.location = "index.html"

如果我只在最后运行没有重定向的代码，它工作得很好，但如果我有重定向，API GET 请求会失败。有人可以向我解释我缺少什么吗？

Answer 1

请求是异步的，这意味着 window.location 在执行之前不会等待请求完成。 这会导致导航离开当前页面并且浏览器取消请求。

要解决此问题，您必须等待请求完成才能离开。您可以通过监听请求的状态变化来做到这一点。

var posts = new XMLHttpRequest();
posts.onreadystatechange = function() { // listen for state changes
  if (posts.readyState == 4 && posts.status == 200) { // when completed we can move away
    window.location = "index.html";
  }
}
posts.open("GET", api+user+"/"+password+"/"+id+"/"+latitude, true);
posts.send();