iis服务器助手广告广告
返回顶部
首页 > 资讯 > 前端开发 > node.js >ajax请求的状态有哪些
  • 526
分享到

ajax请求的状态有哪些

2024-04-02 19:04:59 526人浏览 安东尼
摘要

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

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

--结束END--

本文标题: ajax请求的状态有哪些

本文链接: https://www.lsjlt.com/news/88465.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
  • ajax请求的状态有哪些
    今天给大家介绍一下ajax请求的状态有哪些。文章的内容小编觉得不错,现在给大家分享一下,觉得有需要的朋友可以了解一下,希望对大家有所帮助,下面跟着小编的思路一起来阅读吧。ajax请求的状态:1、“未初始化”...
    99+
    2022-10-19
  • es6异步请求有哪些状态
    这篇文章主要介绍了es6异步请求有哪些状态的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇es6异步请求有哪些状态文章都会有所收获,下面我们一起来看看吧。es6异步请求三个状态:1、pending(等待状态),不...
    99+
    2023-07-05
  • ajax请求的状态码是什么
    本文小编为大家详细介绍“ajax请求的状态码是什么”,内容详细,步骤清晰,细节处理妥当,希望这篇“ajax请求的状态码是什么”文章能帮助大家解决疑惑,下面跟着小编的思路慢慢深入,一起来学习新知识吧。 ...
    99+
    2022-10-19
  • ajax的请求方式有哪些
    Ajax的请求方式有以下几种:1. GET:使用GET方法发送请求,获取指定资源。这是最常用的请求方式之一。例如:`$.get(ur...
    99+
    2023-09-13
    ajax
  • ajax请求的方式有哪些
    这篇文章主要讲解了“ajax请求的方式有哪些”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“ajax请求的方式有哪些”吧! aja...
    99+
    2022-10-19
  • ajax请求方法有哪些
    这篇文章主要为大家展示了“ajax请求方法有哪些”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“ajax请求方法有哪些”这篇文章吧。ajax请求方法如下一、普通的...
    99+
    2022-10-19
  • 如何使用Ajax轮询请求状态
    这篇文章主要为大家展示了“如何使用Ajax轮询请求状态”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“如何使用Ajax轮询请求状态”这篇文章吧。这里要实现的功能是...
    99+
    2022-10-19
  • React AJAX请求的方案有哪些
    小编给大家分享一下React AJAX请求的方案有哪些,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧! ...
    99+
    2022-10-19
  • ajax请求出错状态码为0怎么办
    这篇文章给大家分享的是有关ajax请求出错状态码为0怎么办的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。在使用 ajax 向后台请求数据时出现错误,提示状态码为 0 ,后台采用的...
    99+
    2022-10-19
  • jquery实现Ajax请求的方式有哪些
    jQuery实现Ajax请求的方式有以下几种:1. $.ajax():最常用的方式,可以进行各种自定义配置,例如请求的URL、请求的...
    99+
    2023-08-15
    jquery Ajax
  • jquery中ajax请求小技巧有哪些
    这篇文章主要为大家展示了“jquery中ajax请求小技巧有哪些”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“jquery中ajax请求小技巧有哪些”这篇文章吧...
    99+
    2022-10-19
  • Ajax请求中async:false和async:true的差异有哪些
    小编给大家分享一下Ajax请求中async:false和async:true的差异有哪些,希望大家阅读完这篇文章之后都有所收获,下面让我们一起去探讨吧!实例如下:function test(){ ...
    99+
    2022-10-19
  • jQuery中ajax的常用请求方式有哪些
    本篇内容主要讲解“jQuery中ajax的常用请求方式有哪些”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“jQuery中ajax的常用请求方式有哪些”吧!jQu...
    99+
    2022-10-19
  • ajax请求时post和get的区别有哪些
    今天小编给大家分享一下ajax请求时post和get的区别有哪些的相关知识点,内容详细,逻辑清晰,相信大部分人都还太了解这方面的知识,所以分享这篇文章给大家参考一下,希望大家阅读完这篇文章后有所收获,下面我...
    99+
    2022-10-19
  • Vue.js应用的AJAX请求数据模式有哪些
    这篇文章将为大家详细讲解有关Vue.js应用的AJAX请求数据模式有哪些,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。在本文中,我将向您展示您可以在Vue应用程序中实现A...
    99+
    2022-10-19
  • http的状态码有哪些
    本篇内容介绍了“http的状态码有哪些”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!基本介绍状态码(Sta...
    99+
    2022-10-19
  • es6 promise有哪些状态
    今天小编给大家分享一下es6 promise有哪些状态的相关知识点,内容详细,逻辑清晰,相信大部分人都还太了解这方面的知识,所以分享这篇文章给大家参考一下,希望大家阅读完这篇文章后有所收获,下面我们一起来了...
    99+
    2022-10-19
  • java锁有哪些状态
    java中锁的状态有:1.无锁状态;2.偏向锁;3.轻量级锁;4.重量级锁;java中锁的状态有以下几种无锁状态java中无锁状态是指没有锁定资源,所有线程都可以访问并修改同一个资源,其修改操作是在循环中进行的,同时只有一个线程能修改成功。...
    99+
    2022-10-19
  • Ajax 请求队列解决方案并结合elementUi做全局加载状态
    目录ajax 文件入口消息队列elementUi loading参数设置基于elementUI的loading全局加载应用场景1.引入库2.定义全局loading3.使用ajax 文...
    99+
    2022-11-13
    Ajax 请求队列 elementUi全局加载
  • CSS链接的状态有哪些
    本篇内容主要讲解“CSS链接的状态有哪些”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“CSS链接的状态有哪些”吧! 在支持 CSS 的浏览器中,链接的不同状态...
    99+
    2022-10-19
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作