ajax的异步请求的四个步骤

              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的位置放置的就是请求的主体


你可能感兴趣的:(学习,项目)