ajax请求的状态有哪些

今天给大家介绍一下ajax请求的状态有哪些。文章的内容小编觉得不错,现在给大家分享一下,觉得有需要的朋友可以了解一下,希望对大家有所帮助,下面跟着小编的思路一起来阅读吧。

创新互联建站专注于蓝山网站建设服务及定制,我们拥有丰富的企业做网站经验。 热诚为您提供蓝山营销型网站建设,蓝山网站制作、蓝山网页设计、蓝山网站官网定制、小程序设计服务,打造蓝山网络公司原创品牌,更为您提供蓝山网站排名全网营销落地服务。

ajax请求的状态:1、“未初始化”,表示还没有调用send()方法;2、“载入”,表示已调用send()方法,正在发送请求;3、“载入完成”;4、“交互”,表示正在解析响应内容;5、“完成”,表示响应内容解析完成,可以在客户端调用了。

本教程操作环境:windows7系统、javascript1.8.5版、Dell G3电脑。

原生ajax请求写法:

   var http = new XMLHttpRequest();
    http.open('get','./package.json');
    http.onreadystatechange = function () {
        if(http.readyState == 4 && http.status == 200) {
           var result = JSON.parse(http.responseText);
            console.log(result.name)
        }
    };
    http.send();

ajax请求的5种状态(readyState)

  • 0 - (未初始化)还没有调用send()方法

  • 1 - (载入)已调用send()方法,正在发送请求

  • 2 - (载入完成)send()方法执行完成,已经接收到全部响应内容

  • 3 - (交互)正在解析响应内容

  • 4 - (完成)响应内容解析完成,可以在客户端调用了

readyState 状态说明

(0)未初始化

此阶段确认XMLHttpRequest对象是否创建,并未调用open()方法进行未初始化作好准备。值未0表示对象已经存在,否则浏览器会报错---对象不存在。

(1)载入

此阶段对xml(标准化越来越近了)HttpRequest对象进行初始化,即调用open()方法,根据参数(method,url,true)完成对象状态的设置。并调用send()方法开始向服务端发送请求。值为1表示正在向服务端发送请求。

(2)载入完成

此阶段接收服务器端的响应数据。但获得的还只是服务端响应的原始数据,并不能直接在客户端使用。值为2表示已经接收完全部响应数据。并为下一阶段对数据解析作好准备。

(3)交互

此阶段解析接收到的服务器端响应数据。即根据服务器端响应头部返回的MIME类型把数据转换成能通过responseBody、responseText或responsexml(标准化越来越近了)属性存取的格式,为在客户端调用作好准备。状态3表示正在解析数据。

(4)完成

此阶段确认全部数据都已经解析为客户端可用的格式,解析已经完成。值为4表示数据解析完毕,可以通过xml(标准化越来越近了)HttpRequest对象的相应属性取得数据。

什么是ajax

ajax是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术,可以通过在后台与服务器进行少量数据交换,使网页实现异步更新。

以上就是ajax请求的状态有哪些的全部内容了,更多与ajax请求的状态有哪些相关的内容可以搜索创新互联之前的文章或者浏览下面的文章进行学习哈!相信小编会给大家增添更多知识,希望大家能够支持一下创新互联!


当前标题:ajax请求的状态有哪些
标题来源:http://azwzsj.com/article/piisjh.html