温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

ajax请求的状态有哪些

发布时间:2022-01-19 21:28:27 来源:亿速云 阅读:156 作者:kk 栏目:web开发

今天给大家介绍一下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请求的状态有哪些相关的内容可以搜索亿速云之前的文章或者浏览下面的文章进行学习哈!相信小编会给大家增添更多知识,希望大家能够支持一下亿速云!

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI