Ajax的XMLHttpRequest对象的属性和方法

2023年全国职业院校技能大赛 网络系统管理服务模块 Linux部分讲解 网络系统管理,Linux,服务部署,Chinaskills,2023国赛 阅读详情

XMLHttpRequest对象是Ajax的核心,它有很多的属性、方法和事件以便于脚本处理和控制HTTP的请求和相应。
一、XMLHttpRequest对象的属性和事件

属性 描述

readyState      表示XMLHttpRequest对象的状态

responseText    包含客户端接收到的HTTP相应的文本内容

responseXML     服务器响应的XML内容对应的DOM对象

status          服务器返回http状态码

statusText      服务器返回状态码的文本信息

事件  描述

onreadystatechange  当readyState属性发生变化时触发此事件,用于触发回调函数。

XMLHttprequest对象的方法
1、readyStates属性

状态  名称  描述

0   Uninitialized   初始化状态。XMLHttpRequest 对象已创建或已被 abort() 方法重置。

1   Open    open() 方法已调用,但是 send() 方法未调用。请求还没有被发送。

2   Send    Send() 方法已调用,HTTP 请求已发送到 Web 服务器。未接收到响应。

3   Receiving   所有响应头部都已经接收到。响应体开始接收但未完成。

4   Loaded  HTTP 响应已经完全接收。

2、responseText属性


readyState=4时,responseText包含完整的响应信息。

readyState=3时,responseText包含未完整的响应信息。

readyState<3时,responseText为空字符串。

3、responseXML属性

当readyState=4,并且响应头部的Content-Type的MIME类型为XML(text/xml或application/xml)时,该属性有值并且被解析成一个XML文档。其它情况为null,包括回传的XML文档不良或未完成响应回传。

4、status属性

如 200 表示成功,而 404 表示 "NotFound" 错误。当 readyState 小于 3 的时候读取这一属性会导致一个异常。

5、statusText属性

当状态为 200 的时候它是"OK",当状态为 404 的时候它是 "Not Found"。和 status 属性一样,当 readyState 小于 3 的时候读取这一属性会导致一个异常。

XMLHttprequest对象的方法

1.open方法

描述:制定和服务器交互的HTTP方法,URL地址及其他请求信息。

open(method,url, async, username, password) 用来进行初始化工作

返回值:得到一个包含send()方法的对象

method:必须。用于指定HTTP请求方法,支持所有HTTP的方法,如GET,POST,按规定

uri:请求的服务器的地址,自动解析成绝对地址。

async:请求是否异步,true表示你异步,false表示同步,默认为true。

username,password:可以不指定,分别表示用户名和密码,提供HTTP认证机制需要的用户名和密码。

调用open后,readystate状态为1. 

2.send(content)方法

描述:向服务器发出请求,其内容可以是DOM对象,输入流或是字符串。

调用open 方法后,可以调用send()方法来发送请求。

当open 中async=true时,send()方法调用后立即返回,否则会中断直到请求返回。

3.abort()方法

该方法可以暂停一个HttpRequest请求或者HttpResponse的接收,并且将XMLHttpRequest的状态设置为初始化。

4.setRequestHeader(header,value)方法

该方法用来设置请求的头部信息。此方法需要在open方法之后调用。

5.getResponseHeader()方法

描述:返回包含HTTP的所有响应头信息,其中响应头包括Content-Length,Date,URI等内容。

当readystate>2时,该方法用来检索响应的头部信息。否则返回一个空字符串。

getAllResponseHeaders()方法返回所有的HttpResponse头部信息。

转载自:AJAX入门— XMLHttpRequest对象的属性和方法

webrtc进阶-- FlexFEC 实现原理与调试分析(m80 代码对齐版) WebRTC 中 FlexFEC 技术解析与调试指南 摘要:本文深入分析 WebRTC 的 FlexFEC(灵活前向纠错)技术实现原理,重点探讨其在 m80 版本中的协商机制、接收侧恢复流程以及 SFU 场景下的特殊处理。文章指出 FlexFEC 通过动态冗余策略提升弱网抗丢包能力,详细解析了编解码器分配、SSRC 映射、包恢复等关键环节,并提供了针对 XR+SFU 场景的调试建议。调试时可重点关注 FEC 包接收与媒体包恢复日志,以验证链路有效性。 阅读详情

相关推荐

深入解析Apollo Lattice Planner:自动驾驶轨迹规划的核心算法与实践

本文深入解析了百度Apollo自动驾驶平台中的核心轨迹规划算法——Lattice Planner。文章详细阐述了其作为车辆“即时决策者”的工作原理,通过“采样-评估”的六步流程(Frenet坐标转换、状态采样、轨迹生成、硬约束过滤、代价函数打分及决策平滑),在复杂路况下实时规划出安全、舒适、高效的行驶轨迹。该算法是自动驾驶实现智能决策与精准控制的关键技术。

weixin_29090677的博客 829

原生Ajax的简单使用:XMLHttpRequest对象,方法,属性,HelloWorld,数据格式

简介 Ajax被认为是(Asynchronous JavaScript and XML的缩写)。 现在,允许浏览器与服务器通信而无须刷新当前页面的技术都被叫做Ajax. 不用刷新整个页面便可与服务器通讯的办法: 1.Flash 2.Java applet 3.框架:如果使用一组框架构造了一个网页,可以只更新其中一个框架,而不必惊动整个页面 4.隐藏的iframe 5.XMLHttpRequest:该对象是对JavaScript的一个扩展,可使网页与服务器进行通信。 是创建 Ajax 应用的最佳选择。实际上

入梦镜 514

contextcapture多区块点云_多源点云数据融合的建筑物精细化建模

本文内容来源于《测绘通报》2020年第8期,审图号:GS(2020)3611号多源点云数据融合的建筑物精细化建模王树臻1, 郑国强1, 王光生1, 胡玉民2, 张德怀2, 亓伟3 ...

weixin_36301639的博客 1824

xmlhttprequest获取返回jeson_XMLHttpRequest 详解

XMLHttpRequest的发展历程XMLHttpRequest一开始只是微软浏览器提供的一个接口,后来各大浏览器纷纷效仿也提供了这个接口,再后来W3C对它进行了标准化,提出了XMLHttpRequest标准。XMLHttpRequest标准又分为Level 1和Level 2。XMLHttpRequest Level 1主要存在以下缺点:受同源策略的限制,不能发送跨域请求;不能发送二进制文件(...

weixin_39903846的博客 1742

踩坑ubuntu24.04 编译vtk9.3.1的安卓版本

NDK官方明确废弃了旧版 armeabi ABI,强制使用armeabi-v7a或arm64-v8a。错误信息显示你的构建系统仍在使用超级构建(superbuild)模式,并且内部引用了已不再支持的。生成的合并库: $(pwd)/libvtk_combined.a"超级构建过程可能内部未充分考虑现代NDK变化导致内部配置ARM老ABI,重复失败。echo "正在提取所有.o文件..."echo "合并前所有库的总大小:"# 提取所有.a文件中的.o文件。echo "创建合并库..."

zhangyihu321的专栏 1892

别再为调试发愁!STM32CubeMX+FreeRTOS下,串口printf打印的保姆级配置指南(基于STM32F429)

本文详细介绍了在STM32CubeMX和FreeRTOS环境下实现稳定串口printf打印的配置方法。通过硬件选型、基础配置、线程安全的重定向实现以及高级调试技巧,帮助开发者解决多任务环境下的串口输出问题,提升调试效率。特别适用于STM32F429开发板用户。

weixin_42527401的博客 272

XMLHttpRequest的属性

1.前言  i.    XMLHttpRequest对象的简单的属性: 1)        onreadystatechange:该属性用于指定XMLHttpRequest对象状态改变时的事件处理函数。 2)        readyState:该属性用于获取XMLHttpRequest对象处理状态 3)        responseText:该属性用于获取服务器响应的XML文档对象

owen_william的博客 2075

【置顶】TEE从入门到精通-[目录]

此专栏讲解包含不限于optee、商用TEE、常规的安全业务设计。但主要基于optee最新代码,深度讲解和剖析各项原理和机制...

baron-周贺贺-代码改变世界ctw 6423

Ajax概述及XMLHttpRequest对象的常见属性方法

目录Ajax概述Ajax优点Ajax缺点Ajax核心XMLHttpRequest对象的方法XMLHttpRequest对象的属性HTTP概述请求报文响应报文 Ajax概述 Ajax:Asynchronous JavaScript And XML,异步JavaScript和XML技术。 不是一门新的语言或技术,是由JavaScript、XML、DOM、CSS等多种已有技术组合而成的一种浏览器端技术。 它是浏览器提供的一套方法,可以实现页面无刷新更新数据,提高用户浏览网站应用的体验。 通过AJAX可以在浏览器向

m0_52942098的博客 1070

【AI智能体】Coze 搭建个人旅游规划助手实战详解

Coze 制作旅游规划助手机器人实战详解

congge 4606

SAPGUI excel 导出时遇到的运行时错误:STRING_SIZE_TOO_LARGE

当报表导出需求远超单一 XLSX 文件的物理承载力时,与其在 SAPGUI 中硬拼 2 GB 限制,不如把分页、过滤、流式写入作为设计前提。掌握 ABAP2XLSX 或 CSV + Power Query 等工具链,既能满足审计合规,又能让应用服务器远离的噩梦。祝你在下一次导出海量数据时,既高效又优雅。

2007 年 ~ 2025 年,深耕 SAP 技术 18 年 638

关于ajax你要知道的事情

一、什么是ajax? 即异步的 JavaScript 和 XML,是一种用于创建快速动态网页的技术;传统的网页(不使用 AJAX)如果需要更新内容,必需重载整个网页面。使用AJAX则不需要加载更新整个网页,实现部分内容更新。 二、应用场景 用Ajax进行数据验证(表单验证) 按需取数据(Ajax改进分类树的实现机制,例如部门结构,文档得分类结构常常使用树形空间呈现)在初始化页面时,只获取第一级子分类的数据并且显示;当用户点开一级分类的第一节点时,页面会通过Ajax向服务器请求当前分类所属的二级子分类的所有

言辞i的博客 531

YOLOv8进阶:SEAM注意力与Repulsion Loss双剑合璧,突破遮挡检测瓶颈

做目标检测时,最头疼的莫过于目标被遮挡的场景——行人被树木挡住一半、车辆被广告牌遮挡部分轮廓……这些情况往往让模型“犯迷糊”。但现在,有了SEAM注意力模块和Repulsion Loss排斥损失,我们就能让YOLOv8在遮挡场景下也能“拨开迷雾见真章”。这篇教程会带你一步步理解这两个技术,并亲手把它们融入YOLOv8,让你的检测模型在复杂场景下也能稳如泰山。

FJN110的博客 233

Ajax中XMLHttpRequest对象的方法和属性

Ajax中XMLHttpRequest对象的方法和属性 1.XMLHttpRequest的方法: abort():停止当前请求; getAllResponseHeaders():把HTTP请求的所有相应首部作为键/值对返回; getResponseHeader("header"):返回指定首部的串值; open("method", "url"):建立对服务器的调用; send(cont...

遮住阳光 450

数学建模模型总结

这是本人在两年内准备参加数学建模竞赛搜集到的模型资料,已经经过了本人的筛选和整理,希望能够对准备参加数学建模竞赛的学弟学妹们提供一些帮助!

假人有限元模型

假人模型,车辆碰撞假人有限元模型,适合做乘员安全的研究者利用

Ajax对象XMLHttpRequest对象的属性和方法详解

XMLHttpRequest对象的属性和方法 首先XMLHttpRequest 对象用于在后台与服务器交换数据。 1.readyState属性 状态:0 代表未初始化。 1 代表准备发送。 2 已发送但还没收到响应 3 正在接收 4接收完成 2.responseText属性 包含客户端接收到的HTTP响应的文本内容。 当readyState=4时,responseT...

angelnine2016的博客 430

Outlook Express 6 (OE6) for Win7/Win8/Win10

英文版 Outlook Express6.0, 兼容Win7/Win10/WinXP,解压就可用。

ajax====xmlHttpRequest对象的常用属性和方法

1. xmlHttpRequest对象有哪些属性? onreadystatechange =======>指定readystate状态改变时使用的操作,一般都用于指定具体的回调函数。 responseText    ===========>表示返回的是文本形式的数据。 resoposneXML============>表示返回的是XML文档形式的数据,这样就可以进行dom解析操作了。 st

afdnlw的专栏 659

ET2012新版免狗免安装绿色软件

ET2012新版免狗免安祖昂绿色软件。,新界面,新视觉,

Ajax XMLHttpRequest对象的三个属性以及open和send方法

Ajax XMLHttpRequest对象的三个属性以及open和send方法 (1)onreadystatechange 属性 onreadystatechange 属性存有处理服务器响应的函数。下面的代码定义一个空的函数,可同时对 onreadystatechange 属性进行设置: xmlHttp.onreadystatechange=function() { // 我们需要在这里写一些代码...

m15933025112的博客 488

ajax xmlhttp属性,Ajax异步对象XMLHttpRequest属性和方法

异步对象XMLHttpRequest属性和方法1.创建异步对象,使用js的语法var xhr = new XMLHttpRequest();2.XMLHttpRequest方法① open(请求方式,服务器端的访问地址,异步还是同步)例如: xhr.open("get","http://localhost:8080/toShow" ,true);② send(): 使用异步对象发送请求3.XMLH...

weixin_32519033的博客 273

AJAX入门--- XMLHttpRequest对象的属性和方法

由于刚刚接触到Ajax对其比较陌生,而其中的XMLHttpRequest对象更是未曾听闻。开始学之前,了解一下它的属性和方法为它的使用做下铺垫。本文重点介绍XMLHttpRequest的属性和方法。          XMLHttpRequest对象的属性和事件 属性 描述 readyState 表示XMLHttpRequest对象的状

以行践言 2811

Ajax对象XMLHttpRequest的常用属性,方法和事件

XMLHttpRequest对象是Ajax的核心,它有许多属性,方法和事件以便于脚本的处理和控制HTTP的请求与响应下面是关于XMLHttpRequest对象的一些属性和方法介绍1.readyState属性  当XMLHttpRequest对象被创建后,readyState属性标识了当前对象所处的状态,具体的值代表意义如下:  0   未初始化状态,此时仅创建了一个XMLHttpRequest

郑红涛的专栏 2249

Ajax的主要步骤 及 XMLHttpRequest对象的属性和方法

Ajax应用程序可以用javascript脚本代码创建 主要步骤如下 (1) 调用XMLHttpRequest对象的open()方法,设置所有的请求方法,请求资源的URL, 并指定采用同步或异步方式发送HTTP请求。 (2) 设置XMLHttpRequest对象的onreadystatechange属性,以指定当请求状态改变时调用的时间处理程序 (3) 调用XMLHttpRequest对...

nethub2的专栏 320

Ajax的XMLHttpRequest对象的属性和方法总结

1.redayState属性: 当一个XMLHttpRequest对象被创建后,readyState属性别哦是当前对象正处于什么状态:0:未初始化状态;已经建立;1:准备发送状态;此时XMLHttpRequest对象已经调用了open();方法;并已经准备好了讲一个请求发送到服务器;2:已经发送状态;此时已经通过send()方法把请求发送到服务器;还没受到响应;3:正在接收状态:已经接收到了HTT...

weixin_33896726的博客 197
上一篇: jQuery Ajax()常用方法和参数的使用样例
下一篇: Git 设置不需要用户名、密码直接push的操作
helencoder
博客等级 码龄11年 43粉丝 59原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明:

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

余额充值