AJAX-XMLHttpRequest 对象
下面请跟着图老师小编一起来了解下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;
}
}
下一节,我们会介绍如何向服务器请求数据!