温馨提示×

温馨提示×

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

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

什么是Ajax中XMLHttpRequest

发布时间:2020-07-15 10:07:20 来源:亿速云 阅读:181 作者:Leah 栏目:web开发

本篇文章给大家分享的是有关什么是Ajax中XMLHttpRequest,小编觉得挺实用的,因此分享给大家学习,希望大家阅读完这篇文章后可以有所收获,话不多说,跟着小编一起来看看吧。

XMLHttpRequest 对象可以用于在后台与服务器交换数据,Ajax就是通过于在浏览器中使用XMLHttpRequest对象来获取后台数据的,因此XMLHttpRequest对于Ajax是很重要的,可以说XMLHttpRequest对象是AJAX技术的关键。

一、XMLHttpRequest是什么?

XMLHttpRequest(XHR)是一种API,可以被JavaScript,JScript,VBScript和其他Web浏览器脚本语言用于使用HTTP将XML数据传送到Web服务器里和从Web服务器操作XML数据,从而在网页的客户端和服务器端之间建立独立的连接通道。

从XMLHttpRequest调用返回的数据通常由后端数据库提供。除了XML之外,XMLHttpRequest还可用于获取其他格式的数据,例如JSON甚至纯文本。

接下来我们来看看一些必须熟悉掌握的XMLHttpRequest方法和属性。

二、XMLHttpRequest方法

1、abort():取消当前请求。

2、getAllResponseHeaders():以字符串形式返回完整的HTTP标头集。

3、getResponseHeader( headerName ): 返回指定HTTP标头的值。

4、open( method, URL )
    open( method, URL, async )
    open( method, URL, async, userName )
    open( method, URL, async, userName, password )

指定请求的方法,URL和其他可选属性。    
方法参数可以具有值“GET”,“POST”或“HEAD”。其他HTTP方法(如“PUT”和“DELETE”(主要用于REST应用程序))也是可能的。    
“async”参数指定是否应异步处理请求。“true”表示脚本处理在send()方法之后继续而不等待响应,“false”表示脚本在继续脚本处理之前等待响应。

5、send( content ):    发送请求。

6、setRequestHeader( label, value ):    将标签/值对添加到要发送的HTTP标头。

三、XMLHttpRequest属性

1、onreadystatechange:

一个事件处理程序,用于触发每个状态更改的事件。

2、readyState:

readyState属性定义XMLHttpRequest对象的当前状态。

下表提供了readyState属性的可能值列表

什么是Ajax中XMLHttpRequest

readyState = 0:表示在创建XMLHttpRequest对象之后,但在调用open()方法之前。

readyState = 1:表示在调用open()方法之后,但在调用send()之前。

readyState = 2:表示在调用send()之后。

readyState = 3:表示在浏览器与服务器建立通信后,但在服务器完成响应之前。

readyState = 4:表示在请求完成后,响应数据已完全从服务器接收。

3、responseText

以字符串形式返回响应。

4、responseXML

以XML格式返回响应;此属性返回XML文档对象,可以使用W3C DOM节点树方法和属性检查和解析该对象。

5、status

将状态返回为数字(例如,404表示“没有找到”,200表示“OK”)。

6、statusText

以字符串形式返回状态(例如,“没有找到”或“OK”)。

以上就是什么是Ajax中XMLHttpRequest,小编相信有部分知识点可能是我们日常工作会见到或用到的。希望你能通过这篇文章学到更多知识。更多详情敬请关注亿速云行业资讯频道。

向AI问一下细节

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

AI