ajax的英文含义就是 Asynchronous javascript and xml 是指一种创建交互式网页应用的网页开发技术。本质是:使用js提供的异步对象,异步的向服务器发送请求,并接收响应回来的数据。
异步请求的步骤一般有四步:
1.创建ajax异步对象
①浏览器为IE8以下的版本的创建
var xhr =new ActiveXObject("Microsoft.XMLHttp");
②其他浏览器的创建
var xhr = new XMLHttpRequest();
③通用创建
if(window.XMLHttpRequest){
var xhr = new XMLHttpRequest();
}else{
var xhr =new ActiveXObject("Microsoft.XMLHttpRequest");
};
2.绑定监听事件
xhr.onreadystatechange=function(){
if(xhr.readyState==4 && xhr.status==200){
var result=xhr.responseText;
};
};
①readyState属性
作用:用于表示xhr对象的请求的状态。
值为:0-4表示5种不同的状态;
0:表示请求尚未初始化;
1:表示已经打开到服务器的链接,正在发送请求;
2:表示接受响应的头部分;
3:表示接受响应的主体;
4:表示响应的数据已经接受完毕
②status属性
作用:表示服务器的响应状态码
值:200 表示:当值为200时;服务器已经正确处理了请求并给响应
3.打开连接(创建请求)
xhr.open(method,url,isAsyn)
① method 是string类型
表示请求方法,一般为get/post
②url 是string类型
表示请求的路径
③isAsyn 是Boolean类型
表示此采用指定的方式发送请求:同步(false) 异步(true)
4.发送请求
xhr.send(body)
①body请求主体
get方法时;body的位置放置的就是null
post方法时,body的位置放置的就是请求的主体