Ajax完整教程--Ajax 中的高级请求和响应(2)_H5之家

以下为引用的内容：
   function updatePage() {
   if (request.readyState == 4) {
   var response = request.responseText.split("|");
   document.getElementById("order").value = response[0];
   document.getElementById("address").innerHTML =
      response[1].replace(/\n/g, "<br />");
   }
}

这对于 Ajax 编程来说证明是一种短视而错误的方法。如果脚本需要认证，而请求却没有提供有效的证书，那么服务器就会返回诸如 403 或 401 之类的错误代码。然而，由于服务器对请求进行了应答，因此就绪状态就被设置为 4（即使应答并不是请求所期望的也是如此）。最终，用户没有获得有效数据，当 JavaScript 试图使用不存在的服务器数据时就可能会出现严重的错误。

它花费了最小的努力来确保服务器不但完成了一个请求，而且还返回了一个 “一切良好” 的状态代码。这个代码是 "200"，它是通过 XMLHttpRequest 对象的 status 属性来报告的。为了确保服务器不但完成了一个请求，而且还报告了一个 OK 状态，请在您的回调函数中添加另外一个检查功能，如清单 7 所示。

清单 7. 检查有效状态代码

以下为引用的内容：
   function updatePage() {
   if (request.readyState == 4) {
   if (request.status == 200) {
      var response = request.responseText.split("|");
      document.getElementById("order").value = response[0];
      document.getElementById("address").innerHTML =
         response[1].replace(/\n/g, "<br />");
   } else
      alert("status is " + request.status);
   }
}

通过添加这几行代码，您就可以确认是否存在问题，用户会看到一个有用的错误消息，而不仅仅是看到一个由断章取义的数据所构成的页面，而没有任何解释。

Tags: ajax 高级请求响应请求响应高级教程代码

上一篇：Ajax完整教程--使用 JavaScript 和 Ajax 发出异步请求
下一篇：Ajax完整教程--利用 DOM 进行 Web 响应