AJAX的基本使用步骤:
1.新建对象:
var xhr = new XMLHttpRequest();
2.建立链接:
xhr.open('GET','xxx.html');
3.请求发送:
xhr.send();
经过上面3个步骤,浏览器就能开始向目标开始请求并接受内容。
readyStater属性
XMLHttpRequest对象提供了readyStater属性来表示当前实例的状态,共5种状态:
0:UNSENT
1:OPENED
2:HEADERS_RECEIVED
3:LOADING(如果在这个状态访问响应体内容可能会导致内容不全)
4:DONE
这个属性在第一步新建对象的时候就会被初始化为0,代表实例被创建。
在成功调用open()函数的时候,会变成1状态。
而send()函数不会改变readyState属性,它的作用是开始发送并接收目标文件。
在完成响应头的接收之后,readyState属性才变成2。
紧接着开始接收请求体的内容,readyState属性同时会变成3。
直到完全接收完成,readyState属性才会变成4。