XMLHttpRequest对象是ajax的核心,它有许多属性,方法和事件以便于脚本的处理和控制http的请求响应。如果你一直在使用原生的javascript做开发,那么在使用ajax的过程中,这个对象你需要非常了解,假使你用jquery之类的封装框架的话,那么多对它有一份了解,也能加深你对ajax的理解。
下面是它的一些属性的介绍:
1.readState属性:当xmlHttpRequest对象被创建后,这个属性,会告诉你,核心对象被创建后,是处于何种状态,是否可以访问或者处理,readState可以等于0,1,2,3,4;分别表示,0:已创建对象,但未初始化(如:int i;),1:已调用对象的open()方法,准备发送请求,2:已调用send()方法去请求,但是未得到响应,3:正在响应 ,4:完成响应,完成httpResponse响应的接收。
2.responseText属性:包含了客户端接收到的来自http响应的文本内容。当readState为0,或1或2时,该属性是一个空字符串,当为3时,是部分已接收到的字符串,当为4时,该属性为完整的响应信息。
3.responseXml属性:只有当readyState=4且响应头部的Content-Type的类型指定为XML(text/xml或者application/xml)时,该属性的值才为一个xml文档,否则为null,假使回传的xml格式不良或者未完成响应回传,该属性值也为null。它被用来描述xmlHttpRequest对象解析xml文档后的属性。
4.status属性:标记了http状态代码。只有在readyState=3或者4时,这个属性才能进行访问,否则获取该属性时,将引发异常。
5.statusText属性:标记了http状态代码的文本。只有在readyState=3或者4时,这个属性才能进行访问,否则获取该属性时,将引发异常。
下面是它的一个事件介绍:onreadystatechange事件
每当readyState的属性发生改变,就会触发该事件, 为ajax请求中使用最为频繁的核心事件。
下面是一些方法的介绍:
1.open():xmlHttpRequest对象通过调用open(method,uri,async,username,password)方法,进行初始化工作。调用该方法后,返回一个可以进行发送(send()方法)的对象。method为必填参数,按照http规范,可以为GET,POST,PUT,DELETE和HEAD;uri用于指定xmlHttpRequest对象请求的服务器地址,可以为相对路径或者绝对路径,最终都将解析为绝对路径;async用于指定是否异步,默认为true;如果服务器需要验证访问用户,那么username和password的这两个参数即可以使用到。
2.send():send()方法将open()方法中的参数进行请求发送,即它只能在open()调用之后,才能调用,即readState=1之后才能调用send(),在send()接受到响应信息之前,readyState=2,一旦send()接受到响应信息,readyState=3,直到最后接受完成,readyState=4。send方法使用也贵可选的参数,该参数可以包含可变类型的数据。对于大。多数的其它的数据类型,在调用send()之前,应该使用setRequestHeader()设置Content-Type 。一般使用send(null)显示调用该方法,假使send(data)中的data类型是DOMString,数据被编辑为utf-8,如果是Document,则由
data.xmlEncoding指定的编码串行化该数据。
3.about():可以暂停一个httpRequest的请求发送或者接收,并且将xmlHttpRequest对象设置为初始化状态。
4.setRequestHeader():设置请求的头部信息,当readyState=1时,可以在调用open()后调用它,否则会得到异常。
. 5.setResponseHeader():用于检索响应头信息,当readyState=4或者3时,才可以调用,否则得到一个空字符串。此外,getAllResponseHeader()用于获得所有的httpResponse的头部信息。
相关推荐
XMLHttpRequest对象是Ajax技术的核心,它是现代Web应用中用于实现客户端与服务器间异步数据交换的关键组件。在不刷新整个页面的情况下,XMLHttpRequest允许开发者通过JavaScript动态更新网页内容,极大地提升了用户...
XMLHttpRequest对象是JavaScript中用于异步数据交换的核心组件,它是AJAX(Asynchronous JavaScript and XML)技术的基础。AJAX允许网页在不刷新整个页面的情况下,仅更新部分区域,从而提高用户体验。尽管名称中...
有想法就看看咯! 反正闲着也是闲着 不如多学点 我不知道这个别人传过不? 这是老师给的
XMLHttpRequest对象是Ajax技术的基础,它允许JavaScript在页面不刷新的情况下与服务器进行通信。创建一个XMLHttpRequest实例非常简单: ```javascript var xhr = new XMLHttpRequest(); ``` 一旦创建了实例,我们...
Ajax 中的 XMLHttpRequest 对象详解 XMLHttpRequest 对象是 Ajax 技术的核心,它是一种浏览器对象,用于模拟 HTTP 的 GET 和 POST 请求。配合 JavaScript,可以实现页面数据在无刷新下的定时更新。 XMLHttpRequest...
经测试,用此方法创建XMLHttpRequest对象,在运用AJAX的时候,可以的兼容IE6,IE7,IE8,Opera,Safari,Google Chrome,fireFox。主流的应该就这些吧?theWorld,遨游等浏览器都是以IE为核心的,所以肯定也没问题。 另外...
Ajax 中的 XMLHttpRequest 对象 Ajax 是一种异步的 JavaScript 与 XML 技术,用于在客户端脚本与服务器之间实现数据交互过程。XMLHttpRequest 对象是 Ajax 的技术基础,尽管现在提供了各种 Ajax 框架,但是理解这个...
以上就是一个简单的AJAX请求示例,通过XMLHttpRequest对象实现了与服务器的交互,而无需刷新整个页面。在实际应用中,开发者通常会使用jQuery、axios、fetch等库来简化这一过程,但理解XMLHttpRequest的工作原理对于...
首先,创建XMLHttpRequest对象是使用AJAX的第一步。在现代浏览器中(如IE7+、Firefox、Chrome、Safari和Opera),XMLHttpRequest对象是内置的,可以直接实例化: ```javascript var xhr = new XMLHttpRequest(); ``...
ajax XMLHttpRequest。。。。。。
通过理解AJAX的组成和XMLHttpRequest对象的工作原理,开发者可以更好地利用这些控件,创建出更动态、更高效的网页应用。在实际开发中,结合VS2008的AJAX控件和AJAX框架,可以大大简化代码编写,提高开发效率。
Ajax核心对象XMLHTTPRequest详细参数及例子
在AjaxXMLHttpRequest_Demo02.zip中,我们可能会看到以下几个关键组成部分: 1. **HTML文件**:通常命名为index.html,它是用户界面的基础,包含用户交互的元素,如按钮、输入框等。当用户触发某个事件(如点击按钮...
总结,"创建XMLHttpRequest对象的方法.rar"这个资源主要介绍了如何在JavaScript中创建并使用XMLHttpRequest对象进行AJAX通信,包括对象创建、状态监听、请求初始化和发送、以及响应处理等关键步骤。在实际项目中,...
[王兴魁]AJAX核心技术1-XMLHttpRequest对象的使用
**Ajax入门基础之XMLHttpRequest对象总结** Ajax,即异步JavaScript和XML,是一种在无需刷新整个页面的情况下更新部分网页的技术。在Ajax的核心中,XMLHttpRequest(XHR)对象扮演着至关重要的角色,它允许...
Ajax的核心就是XMLHttpRequest对象,它允许网页脚本发送异步HTTP请求并与服务器进行数据交换,而无需重新加载整个页面。本文档将详细介绍XMLHttpRequest对象的基本知识、属性和方法,并演示如何使用它来进行简单的...
**WEB开发中的AJAX与XMLHttpRequest对象** AJAX(Asynchronous JavaScript and XML)是一种在无需刷新整个网页的情况下,能够更新部分网页的技术。它通过在后台与服务器交换数据并局部刷新页面,极大地提升了用户...