`
shirlly
  • 浏览: 1652349 次
  • 性别: Icon_minigender_2
  • 来自: 福州
社区版块
存档分类
最新评论

XMLHttpRequest 对象的几个方法和属性

    博客分类:
  • AJAX
阅读更多
open():建立到服务器的新请求。
send():向服务器发送请求。
abort():退出当前请求。
readyState:提供当前 HTML 的就绪状态。
responseText:服务器返回的请求响应文本。

open() 方法来完成。该方法有五个参数:

request-type:发送请求的类型。典型的值是 GET 或 POST,但也可以发送 HEAD 请求。
url:要连接的 URL。
asynch:如果希望使用异步连接则为 true,否则为 false。该参数是可选的,默认为 true。
username:如果需要身份验证,则可以在此指定用户名。该可选参数没有默认值。
password:如果需要身份验证,则可以在此指定口令。该可选参数没有默认值。
通常使用其中的前三个参数。事实上,即使需要异步连接,也应该指定第三个参数为 “true”。这是默认值,但坚持明确指定请求是异步的还是同步的更容易理解。

send() 只有一个参数,就是要发送的内容
虽然可以使用 send() 发送数据,但也能通过 URL 本身发送数据。
用 URL 发送数据要容易得多。如果需要发送安全信息或 XML,可能要考虑使用 send() 发送内容
如果不需要通过 send() 传递数据,则只要传递 null 作为该方法的参数即可

onreadystatechange 该属性允许指定一个回调函数
需要特别注意的是该属性在代码中设置的位置 —— 它是在调用 send() 之前 设置的。发送请求之前必须设置该属性,这样服务器在回答完成请求之后才能查看该属性
将 XMLHttpRequest 对象的 onreadystatechange 属性设置为要运行的函数名
不需要担心该函数的任何参数

在 Ajax 应用程序中需要了解五种就绪状态:

0:请求没有发出(在调用 open() 之前)。
1:请求已经建立但还没有发出(调用 send() 之前)。
2:请求已经发出正在处理之中(这里通常可以从响应得到内容头部)。
3:请求已经处理,响应中通常有部分数据可用,但是服务器还没有完成响应。
4:响应已完成,可以访问服务器响应并使用它。

与大多数跨浏览器问题一样,这些就绪状态的使用也不尽一致。您也许期望任务就绪状态从 0 到 1、2、3 再到 4,但实际上很少是这种情况。一些浏览器从不报告 0 或 1 而直接从 2 开始,然后是 3 和 4。其他浏览器则报告所有的状态。还有一些则多次报告就绪状态 1


对于 Ajax 编程,需要直接处理的惟一状态就是就绪状态 4,它表示服务器响应已经完成,可以安全地使用响应数据了

更严格控制回调函数的代码:
function updatePage() {
     if (request.readyState == 4)
       if (request.status == 200)
         alert("Server is done!");
       else if (request.status == 404)
         alert("Request URL does not exist");
       else
         alert("Error: status code is " + request.status);
   }


responseText服务器端设置的任何内容

分享到:
评论

相关推荐

    创建XMLHttpRequest对象的方法.rar

    本压缩包文件"创建XMLHttpRequest对象的方法.rar"包含了一份关于如何创建XMLHttpRequest对象的详细教程,其核心内容可以从以下几个方面来理解: 1. **XMLHttpRequest对象的创建** 在JavaScript中,XMLHttpRequest...

    XMLHttpRequest对象的介绍和实现

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

    全面剖析XMLHttpRequest对象

    它有几个重要的属性和方法,其中readyState属性描述了请求的当前状态,共有五个阶段(0-4),分别对应请求的不同阶段,如未初始化、发送、接收中和已完成。当readyState发生变化时,会触发onreadystatechange事件,...

    jQuery AJAX XMLHttpRequest对象PPT

    2. XMLHttpRequest对象的属性和事件 - readyState属性:表示请求的当前状态,从0(未初始化)到4(完成)。当状态改变时,会触发onreadystatechange事件。 - status属性:返回HTTP状态码,如200表示成功,404表示找...

    使用XMLHttpRequest对象.doc

    基本流程包括以下几个步骤: 1. **初始化请求**:通过`open()`方法设置请求类型(GET、POST等)、URL以及是否异步执行。 2. **设置请求头**:如果需要,可以通过`setRequestHeader()`方法设置HTTP头信息。 3. **...

    XMLHTTPRequest对象详解

    这个方法接受几个参数,包括请求类型(如GET或POST)、URL、以及异步标志(默认为异步)。例如,`xmlhttp.open("GET", "http://localhost/example.htm", false)`将发起一个同步GET请求到指定的URL。 3. **发送数据*...

    学习XMLHttpRequest写的几个实例

    通过创建XMLHttpRequest对象,然后调用其open()方法设置请求类型(GET或POST)、URL和是否异步处理,接着使用send()方法发送请求。 2. **实例解析** - `xmlhttprequest2.html` 和 `xmlhttprequest3.html` 可能展示...

    XMLHttpRequest

    这个对象提供了与服务器交互的一系列方法和属性。 3. **请求的生命周期**:XMLHttpRequest有四个主要状态,通过`readyState`属性表示: - 0 (UNSENT):对象已创建,但`open()`方法尚未被调用。 - 1 (OPENED):`...

    XMLHttpRequest中文参考手册

    XMLHttpRequest对象是浏览器提供的API,它主要包含以下几个核心方法: 1. **open()**: 这个方法用于初始化请求。你需要指定请求类型(GET、POST等)、URL以及是否异步执行。例如:`xhr.open('GET', '...

    XMLHttpRequest中文参考手册[PDF]

    XHR对象有几个关键的事件,如`onreadystatechange`、`onload`、`onerror`和`ontimeout`,它们可以帮助开发者跟踪请求的状态和处理结果。`onreadystatechange`是最常用的,当请求状态改变时触发,通常在`readyState`...

    AjaxXMLHttpRequest_Demo02.zip

    2. **打开连接**:使用XMLHttpRequest对象的`open()`方法指定请求类型(GET、POST等)、URL和是否异步执行。 3. **设置请求头**(可选):如果需要发送数据,可能需要设置Content-Type头。 4. **发送请求**:调用`...

    XMLHttpRequest中文参考手册(7)

    通过结合使用这些属性和方法,开发者可以构建出功能强大且灵活的异步数据交互系统,极大地提升了Web应用的用户体验和性能。 总之,《XMLHttpRequest中文参考手册(7)》围绕着XMLHttpRequest对象的使用进行了详尽的...

    AJAX XMLHttpRequest对象详解

    XMLHttpRequest对象具有几个重要的属性和方法: **基本属性**: 1. `readyState`:表示请求的状态,共有五个状态值,0表示请求未初始化,1表示服务器连接已建立,2表示请求已接收,3表示请求处理中,4表示请求已...

    XmlHttpRequest与XMLDOM的完整使用(ASP.NET Web)

    XMLHttpRequest的使用主要涉及以下几个步骤: 1. 创建实例:在JavaScript中,可以通过`new XMLHttpRequest()`来创建一个XHR对象。 2. 配置请求:设置HTTP方法(GET或POST)、URL、是否异步执行等,例如`xhr.open('...

    ajax使用XMLHttpRequest实现简单的信息验证

    为了处理服务器的响应,我们需要定义几个事件监听器,如`onreadystatechange`和`onerror`。`onreadystatechange`会在请求状态改变时被调用,而`onerror`用于处理错误。 ```javascript xhr.onreadystatechange = ...

    XMLHttpRequest中文参考手册(9)

    这个属性在发送请求并完成接收响应后可以被读取。了解这些状态码对于解析服务器的响应至关重要,它们能够帮助开发者判断请求是否成功、遇到何种错误以及如何处理这些情况。 #### HTTP状态码解读 HTTP状态码由三位...

Global site tag (gtag.js) - Google Analytics