ajax初步学习二

8.服务器响应 response

获得服务端的响应信息，使用XMLHttpRequest 对象的 responseText 或者responseXML 属性

Property财产 Description描述

responseText获取响应数据作为一个字符串

responseXML 得到的响应数据作为XML数据

responseText属性

如果服务端的响应不是xml，就可以使用responseText 属性。

responseText 属性返回响应信息是一个字符串document.getElementById("myDiv").innerHTML=xmlhttp.responseText;

responseXML属性

如果服务端响应是xml，可以使用responseXML 属性。

Request the filecd_catalog.xml and parse the response:

xmlDoc=xmlhttp.responseXML;

txt="";

x=xmlDoc.getElementsByTagName("ARTIST");

for (i=0;i<x.length;i++)

{

txt=txt + x[i].childNodes[0].nodeValue + "<br />";

}

document.getElementById("myDiv").innerHTML=txt;

9.onreadystatechange事件

当响应发送到服务器，我们要在响应结果的基础上执行一些动作，使用onreadystatechange事件

onreadystatechange事件被触发，当每次readyState变化时。

readyState属性保存的是XMLHttpRequest对象的状态

XMLHttpRequest对象的三个重要的属性：

Property财产 Description描述

onreadystatechangeStores a function (or the name of a function) to be called automatically each time the readyState property changes存储函数（或一个函数的名称）被自动调用，每次readyState属性的变化

readyState保存XMLHttpRequest的状态。从0到4的变更：

0: request not initialized 0：请求未初始化

1: server connection established 1：服务器连接已建立

2: request received 2：接收到的请求

3: processing request 3：请求处理

4: request finished and response is ready 4：要求成品和响应准备

status状态 200: "OK" 200：“OK”

404: Page not found 404：没有发现

当readyState为4和状态是200，响应已准备就绪：

Example例子

xmlhttp.onreadystatechange=function()

{

if (xmlhttp.readyState==4 && xmlhttp.status==200)

{

document.getElementById("myDiv").innerHTML=xmlhttp.responseText;

}

}

10.使用回调函数Callback Function

一个回调的函数，被看过另一个函数的参数。如果程序当中有多个ajax任务，可以定义一个标准函数，以便通用

function myFunction()

{

loadXMLDoc("ajax_info.txt",function()

{

if (xmlhttp.readyState==4 && xmlhttp.status==200)

{

document.getElementById("myDiv").innerHTML=xmlhttp.responseText;

}

});

}