ajax初步學習二

rui5327 2012-08-30

展開全文

8.服務器響應 response

獲得服務端的響應信息，使用XMLHttpRequest 對象的 responseText 或者responseXML 屬性

Property財產(chǎn)	Description描述
responseText	獲取響應數(shù)據(jù)作為一個字符串
responseXML	得到的響應數(shù)據(jù)作為XML數(shù)據(jù)

responseText屬性

如果服務端的響應不是xml，就可以使用responseText 屬性。

responseText 屬性返回響應信息是一個字符串document.getElementById("myDiv").innerHTML=xmlhttp.responseText;

responseXML屬性

如果服務端響應是xml，可以使用responseXML 屬性。

Request the file cd_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事件

當響應發(fā)送到服務器，我們要在響應結(jié)果的基礎(chǔ)上執(zhí)行一些動作，使用onreadystatechange事件

onreadystatechange事件被觸發(fā)，當每次readyState變化時。

readyState屬性保存的是XMLHttpRequest對象的狀態(tài)

XMLHttpRequest對象的三個重要的屬性：

Property財產(chǎn)	Description描述
onreadystatechange	Stores a function (or the name of a function) to be called automatically each time the readyState property changes存儲函數(shù)（或一個函數(shù)的名稱）被自動調(diào)用，每次readyState屬性的變化
readyState	保存XMLHttpRequest的狀態(tài)。從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狀態(tài)	200: "OK" 200：“OK” 404: Page not found 404：沒有發(fā)現(xiàn)

當readyState為4和狀態(tài)是200，響應已準備就緒：

Example例子

xmlhttp.onreadystatechange=function()
{
if (xmlhttp.readyState==4 && xmlhttp.status==200)
    {
    document.getElementById("myDiv").innerHTML=xmlhttp.responseText;
    }
}

10.使用回調(diào)函數(shù)Callback Function

一個回調(diào)的函數(shù)，被看過另一個函數(shù)的參數(shù)。如果程序當中有多個ajax任務，可以定義一個標準函數(shù)，以便通用

function myFunction()
{
loadXMLDoc("ajax_info.txt",function()
{
if (xmlhttp.readyState==4 && xmlhttp.status==200)
    {
    document.getElementById("myDiv").innerHTML=xmlhttp.responseText;
    }
});
}