0 Comments

XMLHttpRequest对象

发布于:2012-11-22  |   作者:广州网站建设  |   已聚集:人围观
XMLHttpRequest对象为了用JavaScript向服务器发送一个HTTP请求,需要一个具备这种功能的类实例,这样的类由Internet Explorer以ActiveX对象引入,被称为XMLHTTP。在向服务器发送数据之前,先来了解XMLHttpRequest对象的3个重要的属性。
1.onreadystatechange属性
onreadystatechange 属性存有处理服务器响应的函数。下面的代码定义一个空的函数,可同时对 onreadystatechange 属性进行设置:
广州网站建设
  1. xmlHttp.onreadystatechange=function()  
  2. {  
  3. //逻辑代码部分  
  4. }  
2.readyState属性
readyState属性储存服务器响应的状态信息。当readyState改变时,onreadystatechange函数就会被执行。readyState属性返回的状态值如表9.1所示。
表9.1  readyState属性返回的状态值
状态 描    述
0 请求未初始化(在调用open()之前)
1 请求已提出(调用send()之前)
2 请求已发送(这里通常可以从响应得到内容头部)
3 请求处理中(响应中通常有部分数据可用,
但是服务器还没有完成响应)
4 请求已完成(可以访问服务器响应并使用它)
 
下面向这个onreadystatechange函数添加一条判断语句,用来测试是否获得服务器响应。代码如下:
广州网站建设
  1. xmlHttp.onreadystatechange=function()  
  2. {  
  3.     if (xmlHttp . readyState == 4) {  
  4.         // 从服务器的response获得数据  
  5.     }  
  6. }  

3.responseText属性
针对纯文本格式及XML格式的响应数据,XMLHttpRequest对象提供了对应的两个属性,一个是responseText属性,即将响应提供为一个串;另一个是responseXML属性,即将响应提供为一个XML对象,可以通过responseText属性来取回由服务器返回的数据。广州网站设计
下面的示例代码中,将把文本框的值设置为responseText的值,代码如下:
广州网站设计
  1. xmlHttp.onreadystatechange=function()  
  2. {  
  3.     if (xmlHttp . readyState == 4) {  
  4.     document.myForm.test.value=  
  5.         xmlHttp . responseText;  
  6.     }  
  7. }  
标签:
飞机