Ajax学习-XMLHttpRequest对象

在向服务器发送数据之前,我们要了解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;
    }
  }
 

你可能感兴趣的:(Ajax,职场,休闲)