AJAX 是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术。
AJAX的过程
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
| // 创建XMLHttpRequest对象
var xhr = new XMLHttpRequest();
// 创建一个新的HTTP请求,并指定该HTTP请求的方法、URL及是否异步
xhr.open('get', 'aabb.php', true);
// 发送HTTP请求
xhr.send(null);
// 获取异步调用返回的数据
xhr.onreadystatechange = function() {
if(xhr.readyState==4) {
if(xhr.status==200) {
console.log(xhr.responseText);
}
}
}
// 使用JavaScript和DOM实现局部刷新
|
AJAX返回的状态[xhr.readyState]
0 － （未初始化）还没有调用send()方法
1 － （载入）已调用send()方法，正在发送请求
2 － （载入完成）send()方法执行完成，已经接收到全部响应内容
3 － （交互）正在解析响应内容
4 － （完成）响应内容解析完成，可以在客户端调用了
AJAX返回的状态[xhr.status]
200 － 成功
3XX － 重定向
4XX － 客户端错误
5XX － 服务器错误
