AJAX - XMLHttpRequest 对象

最新推荐文章于 2019-08-24 03:11:26 发布

原创最新推荐文章于 2019-08-24 03:11:26 发布 · 119 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#Ajax

JavaScript 专栏收录该内容

13 篇文章

订阅专栏

本文详细介绍了XMLHttpRequest对象的三个核心属性：onreadystatechange、readyState和responseText的作用及使用方法。通过这些属性，开发者可以有效地控制和处理客户端与服务器之间的异步数据交换。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在向服务器发送数据之前，我们有必要解释一下 XMLHttpRequest 对象的三个重要的属性。

[b]onreadystatechange 属性[/b]
onreadystatechange 属性存有处理服务器响应的函数。下面的代码定义一个空的函数，可同时对 onreadystatechange 属性进行设置：

xmlHttp.onreadystatechange=function()
  {
  // 我们需要在这里写一些代码
  }

[b]readyState 属性[/b]
readyState 属性存有服务器响应的状态信息。每当 readyState 改变时，onreadystatechange 函数就会被执行。

这是 readyState 属性可能的值：

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

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

xmlHttp.onreadystatechange=function()
  {
  if(xmlHttp.readyState==4)
    {
    // 从服务器的response获得数据
    }
  }

[b]responseText 属性[/b]
可以通过 responseText 属性来取回由服务器返回的数据。

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

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