1.ajax的本质是使用JS提供的异步对象XMLHttpRequest,完成异步的发送请求并接收响应.
2.原生AJAX使用步骤
(1).创建异步对象
- var xhr=new XMLHttpRequest();
(2)创建请求,打开服务器连接
- xhr.open(‘method’,“url”,isAsy);
- method:请求的方法,GET或POST
- url:请求的路径
- isAsy:是否使用异步请求(true异步,false同步)
(3)发送请求
- xhr.send(formdata);
- 参数为请求主体,没有请求主体使用null或不填
- GET请求没有请求主体,必须给null
(4)接受响应数据
- 在异步对象上创建监听:onreadyStatechange
- xhr.reayState---->xhr的状态
- 有5个值
- 0 请求尚未初始化
- 1 请求正在发送
- 2 接收到了响应头
- 3 正在接收响应主体
- 4 响应主体接收完毕
xhr.onreadystatechange=function(){
if(xhr.readyState==4 && xhr.status==200){
//得到服务器响应的文本格式内容
var r=xhr.responseText;
}
}