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


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值