javascript - 为什么 500 错误会中断 ajax 调用？

Question

这是我的代码：

http_request = new XMLHttpRequest();
if (http_request.overrideMimeType) http_request.overrideMimeType('text/javascript');
http_request.onreadystatechange = alertContents;
http_request.open('POST', base_url, true);
http_request.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
http_request.setRequestHeader("Content-length", parameters.length);
http_request.setRequestHeader("Connection", "close");
http_request.send(parameters);

在最新的 Firefox 中运行。

此代码通常可以完美运行，但是当调用的页面产生 500 内部服务器错误时，javascript 停止在页面上运行，并且使用 setInterval/setInterval 安排的进一步事件不会被执行。为什么会这样？我怎么抓住它？

Answer 1

问题可能出在您的 alertContents 函数中（未在您的问题中显示）。由 .onreadystatechange 调用的函数几乎总是如下所示：

var callback = function() {
  if (http_request.readyState==4 && http_request.status==200) {
    // do stuff
  }
}

如果页面产生 500 Http 代码，则 if 语句将失败，回调中的其余代码将不会执行。要抓住它，请添加：

else if(http_request.readyState==4 && http_request.status==500) {
  console.log('The server\'s on fire!');
}