`
yangxianjiangg
  • 浏览: 61321 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
社区版块
存档分类
最新评论

XMLHttpRequest 对象的三个重要的属性

 
阅读更多
onreadystatechange 属性
onreadystatechange 属性存有处理服务器响应的函数。下面的代码定义一个空的函数,可同时对 onreadystatechange 属性进行设置:

xmlHttp.onreadystatechange=function()
{
// 我们需要在这里写一些代码
}
readyState 属性
readyState 属性存有服务器响应的状态信息。每当 readyState 改变时,onreadystatechange 函数就会被执行。

这是 readyState 属性可能的值:

状态 描述
0 请求未初始化(在调用 open() 之前)
1 请求已提出(调用 send() 之前)
2 请求已发送(这里通常可以从响应得到内容头部)
3 请求处理中(响应中通常有部分数据可用,但是服务器还没有完成响应)
4 请求已完成(可以访问服务器响应并使用它)

我们要向这个 onreadystatechange 函数添加一条 If 语句,来测试我们的响应是否已完成(意味着可获得数据):

xmlHttp.onreadystatechange=function()
{
if(xmlHttp.readyState==4)
    {
    // 从服务器的response获得数据
    }
}
responseText 属性
可以通过 responseText 属性来取回由服务器返回的数据。

在我们的代码中,我们将把时间文本框的值设置为等于 responseText:

xmlHttp.onreadystatechange=function()
{
if(xmlHttp.readyState==4)
    {
    document.myForm.time.value=xmlHttp.responseText;
    }
}



分享到:
评论

相关推荐

    创建XMLHttpRequest对象的方法.rar

    使用`open()`方法初始化请求,它需要三个参数:请求类型(GET、POST等)、URL和是否异步执行。例如: ```javascript xhr.open('GET', 'http://example.com/api/data', true); ``` 4. **发送请求** 初始化后,...

    XMLHttpRequest对象的介绍和实现

    本文档将详细介绍XMLHttpRequest对象的基本知识、属性和方法,并演示如何使用它来进行简单的请求与处理。 #### 二、XMLHttpRequest对象的历史与现状 XMLHttpRequest对象最初由微软公司在Internet Explorer中引入,...

    全面剖析 Ajax XMLHttpRequest对象

    XMLHttpRequest对象是Ajax技术的核心,它是现代Web应用中用于实现客户端与服务器间异步数据交换的关键组件。在不刷新整个页面的情况下,XMLHttpRequest允许开发者通过JavaScript动态更新网页内容,极大地提升了用户...

    全面剖析Ajax的XMLHttpRequest对象.doc

    XMLHttpRequest 对象是 Ajax 的技术基础,理解这个对象的详细工作机制对于开发者来说非常重要。通过了解 XMLHttpRequest 对象的属性、方法和事件,开发者可以更好地控制 HTTP 请求与响应,提高应用程序的交互性和...

    全面剖析XMLHttpRequest对象.txt

    #### 三、XMLHttpRequest对象的关键属性 - **`readyState`**:表示当前请求的状态,是一个整数值,范围从0到4。 - 0:未初始化 - 1:已打开 - 2:已发送 - 3:正在接收 - 4:完成 - **`responseText`**:当...

    全面剖析XMLHttpRequest对象

    XMLHttpRequest对象有多个属性和方法,使得开发者能够控制HTTP请求和响应。其中最重要的属性之一是`readyState`,它表示请求的当前状态,共有5个可能的值,从0(未初始化)到4(已加载),表示请求的完整生命周期。...

    XMLHTTPRequest属性与方法

    #### 三、XMLHTTPRequest的主要属性与方法 XMLHTTPRequest 提供了一系列属性和方法来控制请求的状态、发送请求、处理响应等操作。 ##### 1. 关键属性 - **readyState**: 表示请求/响应进程的当前活动阶段。共有五...

    XMLHttpRequest对象手册.pdf

    通过本文的介绍,我们可以看出XMLHttpRequest对象在Ajax开发中的重要地位。掌握其基本用法及高级特性对于构建高性能的Web应用至关重要。在未来的发展中,随着Web标准的不断推进,XMLHttpRequest的功能还将得到进一步...

    XMLHTTPRequest的属性和方法简介

    在这里,`open()`方法接受三个参数:请求类型(如'GET'或'POST'),URL以及一个布尔值,表示请求是否为异步。 ## 2. 设置请求头 在发送请求前,我们可能需要设置HTTP请求头。例如,如果我们发送JSON数据,需要设置...

    全面剖析XMLHttpRequest对象.doc

    #### 三、XMLHttpRequest对象的关键属性和方法 **1. readyState属性** `readyState`属性用于表示XMLHttpRequest对象当前的状态。它有五个可能的值,每个值对应不同的状态: - **0 (未初始化)**: 对象已创建,但...

    XMLHttpRequest对象

    #### 三、XMLHttpRequest对象的主要方法和属性 1. **abort()** - **功能**:取消正在进行中的请求。 - **用途**:当用户取消请求或页面需要跳转时,可以调用此方法来停止当前的HTTP请求。 2. **...

    XMLHttpRequest对象参考

    一个XMLHttpRequest对象有多种状态,通过`readyState`属性来表示。从0到4,分别代表: 1. 未初始化:对象已创建,但尚未调用`open()`方法。 2. 开启:`open()`方法已被调用,但`send()`方法尚未发送请求。 3. 发送:...

    XHR——XMLHttpRequest对象 - gaojun - 博客园1

    - 第三个参数:默认为true,表示异步执行,false则为同步执行。 2. **send()方法**:实际发起请求。对于GET请求,通常参数为null;对于POST请求,参数可以是包含数据的对象或字符串。 ```javascript xhr.send...

    XMLHttpRequest方法和属性API

    XMLHttpRequest对象提供了一系列方法和属性,用于创建、发送和接收HTTP请求。在本篇中,我们将深入探讨这些方法和属性。 ### 方法 1. **`open()`**: 这是初始化请求的关键方法。它接受三个参数:请求的类型(如...

    Ajax之XMLHttpRequest详解

    - 第三个参数:布尔值,指示请求是否异步执行。 - 示例代码: ```javascript request.open('GET', 'http://example.com/data.json', true); ``` 2. **`send()`方法**: - 用途:向服务器发送请求。 - 参数:...

    使用Ajax技术通过XMLHttpRequest对象完成首页登录功能

    该方法有三个参数:请求类型(如"GET"或"POST"),请求的URL地址,以及是否异步发送请求(true为异步,false为同步)。 4. 设置请求头:在发送请求之前,可以调用XMLHttpRequest对象的setRequestHeader方法来设置...

Global site tag (gtag.js) - Google Analytics