在向服务器发送数据之前,我们要了解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
;
}
}
本文转自 王祖康 51CTO博客,原文链接:http://blog.51cto.com/wzk89/388220,如需转载请自行联系原作者