javascript - 我如何知道ajax请求何时完成

Question

如何知道所有 ajax 调用何时完成？，现在我只是使用延迟超时来等待请求完成，这是更好的方法？我想确保 ajax 请求完成......

Answer 1

该XMLHttpRequest对象具有readyState属性onreadystatechange，您可以像这样操作：

var xmlhttp;
if (window.XMLHttpRequest) { 
    xmlhttp = new XMLHttpRequest();
}
else { 
    xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange = function() {
    if (xmlhttp.readyState == 4) { // xmlhttp.status==200 == successful request
        // What you want here
    }
}
xmlhttp.open("GET", "foo_url.php", true);
xmlhttp.send();
}​

如果您使用的是该库，则可以使用jQuery更简单地进行操作：

$.ajax({
    url: 'foo_url.php',
    complete: function() {
        // What you want here
    }
});

Answer 2

如果您使用 jQuery 的 AJAX，它有一个完整的选项，请参阅文档

$.ajax({
    url: 'foo.php',
    complete: function(jqXHR, textStatus) {
        alert('AJAX call complete');
    }
});

Answer 3

如果您使用 xmlhttp 对象进行 ajax 调用，那么当 xmlhttp.readyState==4 时，则认为 ajax 请求已完成。

Answer 4

$.ajax({
url: 'abc.php',
data: "&id=" + id ;
complete: function(data) {
    alert(data.responseText);
}
});

Answer 5

   xmlhttp.onreadystatechange=function()
            {
                if (xmlhttp.readyState==4 && xmlhttp.status==200)
                {
                    // This is when your Ajax request is complete 
                }
            }

Answer 6

这取决于您的图书馆；例如，如果您使用的是 jquery，那么您可以使用success:参数，如果是 javascript，那么您可以使用if (xmlhttp.readyState==4 && xmlhttp.status==200)语句。