XMLHttpRequest对象提供了一些常用属性,通过这些属性可以获取服务器的响应状态及响应内容等,下面将对XMLHttpRequest对象的常用属性进行介绍。
一 指定状态改变时所触发的事件处理器的属性
XMLHttpRequest对象提供了用于指定状态改变时所触发的事件处理器的属性onreadystatechange。
在Ajax中,每个状态改变时都会触发这个事件处理器,通常会调用一个JavaScript函数。
例如,指定状态改变时触发JavaScript函数getResult()的代码如下:
http_request.onreadystatechange = getResult;
在指定所触发的事件处理器时,所调用的JavaScript函数不能添加小括号及指定参数名。不过这里可以使用匿名函数。
例如,要调用带参数的函数getResult(),可以使用下面的代码:
http_request.onreadystatechange = function()
{
getResult("添加的参数"); //调用带参数的函数
}; //通过匿名函数指定要带参数的函数
二 获取请求状态的属性
XMLHttpRequest对象提供了用于获取请求状态的属性readyState,该属性共包括5个属性值。
值 | 意义 |
0 | 未初始化 |
1 | 正在加载 |
2 | 已加载 |
3 | 交互中 |
4 | 完成 |
在实际应用中,该属性经常用于判断请求状态,当请求状态等于4,也就是为完成时,再判断请求是否成功,如果成功将开始处理返回结果。
三 获取服务器的字符串响应的属性
XMLHttpRequest对象提供了用于获取服务器响应的属性responseText,表示为字符串。
例如,获取服务器返回的字符串响应,并赋值给变量h可以使用下面的代码:
var h=http_request. responseText;
在上面的代码中,http_request为XMLHttpRequest对象。
四 获取服务器的XML响应的属性
XMLHttpRequest对象提供了用于获取服务器响应的属性responseXML,表示为XML。
这个对象可以解析为一个DOM对象。
例如,获取服务器返回的XML响应,并赋值给变量xmldoc可以使用下面的代码:
var xmldoc = http_request.responseXML;
在上面的代码中,http_request为XMLHttpRequest对象。
五 返回服务器的HTTP状态码的属性
XMLHttpRequest对象提供了用于返回服务器的HTTP状态码的属性status。
该属性的语法格式如下:
http_request.status
http_request:XMLHttpRequest对象。
返回值:长整型的数值,代表服务器的HTTP状态码。常用的状态码下表所示。
值 | 意义 |
100 | 继续发送请求 |
200 | 请求已成功 |
202 | 请求被接受,但尚未成功 |
400 | 错误的请求 |
404 | 文件未找到 |
408 | 请求超时 |
500 | 内部服务器错误 |
501 | 服务器不支持当前请求所需要的某个功能 |
status属性只能在send()方法返回成功时才有效。
该属性常用于当请求状态为完成时,判断当前的服务器状态是否成功。
例如,当请求完成时,判断请求是否成功的代码如下:
if (http_request.readyState == 4) //当请求状态为完成时 { if (http_request.status == 200) //请求成功,开始处理返回结果 { alert("请求成功!"); } else //请求未成功 { alert("请求未成功!"); } }
相关推荐
在这篇深度剖析中,我们将揭开XMLHttpRequest对象的神秘面纱,探讨其工作原理、常用方法和实际应用。 XMLHttpRequest对象是Ajax技术的基础,它允许JavaScript在页面不刷新的情况下与服务器进行通信。创建一个...
XMLHttpRequest对象的常用属性和方法包括: 1. 发起请求和接收响应: - `open(method, url, async, [user], [password])`:初始化一个请求,其中`method`参数是请求类型(如GET、POST、PUT),`url`是请求的URL...
例如,UpdatePanel控件背后的实现就是基于XMLHttpRequest对象的,它自动处理了请求和响应的处理逻辑,使得开发者无需直接操作XMLHttpRequest对象。 总的来说,VS2008的AJAX控件为开发者提供了一种高效、直观的方式...
下面将详细阐述XMLHttpRequest对象的方法和属性。 **XMLHttpRequest对象方法** 1. **abort()**: 这个方法用于在请求进行中时停止请求。如果你发现请求不再需要或者有错误发生,可以调用此方法来取消当前操作。 2....
在JavaScript中,XMLHttpRequest对象不是内置在全局作用域内的,而是通过构造函数来创建的。你可以直接通过`new XMLHttpRequest()`来创建一个新的实例。例如: ```javascript var xhr = new XMLHttpRequest(); ``` ...
1.js对象 XMLHttpRequest 属性: 1.readyState属性 readyState:只读属性。 作用:通过读取该属性,从而知道XMLHttpRequest 目前进行到了哪一步... XMLHttpRequest对象的readyState的每次变化,该函数就会被触发调用
通过创建XMLHttpRequest对象,然后调用其open()方法设置请求类型(GET或POST)、URL和是否异步处理,接着使用send()方法发送请求。 2. **实例解析** - `xmlhttprequest2.html` 和 `xmlhttprequest3.html` 可能展示...
三、XMLHttpRequest的常用方法和属性 1. `open()`: 初始化请求,接受三个参数:请求类型(GET、POST等)、URL和是否异步。 2. `send()`: 发送请求,GET请求时通常不传参数,POST请求时传入数据。 3. `abort()`: 取消...
XMLHttpRequest对象有多个事件,如`onreadystatechange`,当`readyState`属性改变时触发。`readyState`表示请求的当前状态,共有5个值,其中4表示请求已完成且响应已就绪: ```javascript xhr.onreadystatechange =...
##### 常用属性 - **`readyState`**:表示请求/响应过程的当前活动阶段。 - `0`: 请求未初始化 - `1`: 服务器连接已建立 - `2`: 请求已接收 - `3`: 请求处理中 - `4`: 请求已完成且响应已就绪 - **`...
1. **创建XMLHttpRequest对象** 在JavaScript中,可以通过`new XMLHttpRequest()`来创建一个XHR对象。现代浏览器也提供了`new window.XMLHttpRequest()`或`new window.fetch()`(更现代的替代方案)。 2. **初始化...
### XMLHttpRequest对象的关键属性与方法 #### 1. **`responseStream` 属性** 尽管在提供的部分内容中,“responseStream”被多次重复提及且表述混乱,但其核心含义是明确的:`responseStream` 属性返回一个...
### XMLHttpRequest对象及其方法与属性 #### 常用方法 1. **`abort()`**:此方法用于取消当前正在进行的网络请求。当需要在发送请求后立即取消请求时,可以调用此方法。 2. **`getResponseHeader(name)`**:此...
XMLHttpRequest对象有多个方法,其中最常用的是`open()`和`send()`。`open()`用于初始化请求,通常格式为: ```javascript xhr.open('HTTP_METHOD', 'URL', asynchronous); ``` HTTP_METHOD可以是GET、POST、PUT、...