25、打造简易 AJAX 库与应用实践

打造简易 AJAX 库与应用实践

1. 等待响应

在发送请求后，脚本不会等待结果，而是继续执行。由于结果可能随时返回，可以使用事件处理程序来检测。 XMLHttpRequest 对象有一个 onreadystatechange 事件处理程序用于此目的。可以创建一个函数来处理响应，并将其设置为该事件的处理程序，示例如下：

ajaxreq.onreadystatechange = MyFunc;

请求对象有一个 readyState 属性，用于指示其状态。每当 readyState 属性更改时，就会触发该事件。 readyState 的值从 0（新请求）到 4（请求完成），因此事件处理函数通常需要关注值为 4 的情况。

即使请求完成，也可能未成功。如果请求成功， status 属性将设置为 200；如果失败，则为错误代码。 statusText 属性存储错误的文本说明，成功时为 “OK”。

注意 ：与事件处理程序一样，确保指定函数名时不带括号。带括号是指函数的结果，不带括号是指函数本身。

2. 解析响应数据

当 readyState 属性达到 4 且请求完成时，服务器返回的数据可通过两个属性供脚本使用： responseText