javascript - 如何检查ajax代码是否执行？

Question

如何知道ajax代码中调用的文件是否被执行？

function get_data(radioAns) 
{
    var xhttp = new XMLHttpRequest();
    xhttp.onreadystatechange = function()
    {
        if (this.readyState == 4 && this.status == 200) 
        {
            document.getElementById("dataExchange").innerHTML =this.responseText;
        }
    };
    xhttp.open("GET","example.php?radioAns="+radioAns, true);
    xhttp.send();
}

这是我的ajax代码..我想知道如何检查example.php文件是否被调用。

Answer 1

您需要将 readyState 和 status 的检查分开。

readyState 为 4(如果您喜欢常量，则为 XMLHttpRequest.DONE)表示请求已完成(成功或错误) .

[200, 300) 状态通常被认为是成功的。 [300, 400) 通常表示某种无内容响应(例如重定向)。任何等于或大于 400 的值都是错误。

参见https://developer.mozilla.org/en-US/docs/Web/HTTP/Status

考虑到所有这些，请考虑类似的事情

xhttp.onreadystatechange = function() {
  if (this.readyState === XMLHttpRequest.DONE) {
    if (this.status >= 200 && this.status < 300) {
      // success
    }
    if (this.status >= 400) {
      // error
    }
  }
  // else, the request has not completed *yet*
}