实现一个Ajax
AJAX 创建异步对象XMLHttpRequest操作XMLHttpRequest 对象
- 设置请求参数(请求方式,请求页面的相对路径,是否异步)
- 设置回调函数,一个处理服务器响应的函数,使用onreadystatechange ,类似函数指针
- 获取异步对象的readyState 属性:该属性存有服务器响应的状态信息。每当readyState 改变时,onreadystatechange 函数就会被执行。
- 判断响应报文的状态,若为200 说明服务器正常运行并返回响应数据。
- 读取响应数据,可以通过responseText 属性来取回由服务器返回的数据。
var xhr = new XMLHttpRequest();
xhr.open('get', 'aabb.php', true);
xhr.send(null);
xhr.onreadystatechange = function() {
if(xhr.readyState==4) {
if(xhr.status==200) {
console.log(xhr.responseText);
}
}
}