跟我學(xué)ajax技術(shù)——如何應(yīng)用ajax實(shí)現(xiàn)無(wú)刷新查詢(xún)功能的web應(yīng)用示例（第三部分）

《跟我學(xué)ajax技術(shù)——如何應(yīng)用ajax實(shí)現(xiàn)無(wú)刷新查詢(xún)功能的web應(yīng)用示例（第三部分）》由會(huì)員上傳分享，免費(fèi)在線(xiàn)閱讀，更多相關(guān)內(nèi)容在教育資源-天天文庫(kù)。

1、楊教授工作室精心創(chuàng)作的優(yōu)秀程序員職業(yè)提升必讀系列資料1.1跟我學(xué)AJAX技術(shù)——如何應(yīng)用AJAX實(shí)現(xiàn)無(wú)刷新查詢(xún)功能的Web應(yīng)用示例（第三部分）1.1.1對(duì)前面的XML響應(yīng)加以改進(jìn)以表格的形式顯示輸出1、在頁(yè)面中增加一個(gè)parseXMLResponseInTable的JavaScript方法functionparseXMLResponseInTable(){vardataArray=httpRequest.responseXML.getElementsByTagName("data");//va

2、rdataArrayLen=dataArray.length;varinsertData=""+"XML的處理結(jié)果";for(vari=0;i";insertData=insertData+""+dataArray[i].tagNa

3、me+"";insertData=insertData+""+dataArray[i].firstChild.data+"";insertData=insertData+"";}}insertData=insertData+"";//使用HTML標(biāo)簽來(lái)更新一個(gè)標(biāo)簽元素mdiv=document.getElementById("showResultMessage");mdiv.innerHTML=insertData;}對(duì)上面的代碼進(jìn)行說(shuō)明：（1）"da

4、taArray"作為所有節(jié)點(diǎn)的數(shù)組（不是節(jié)點(diǎn)數(shù)據(jù)，只是節(jié)點(diǎn)）。"dataArrayLen"是這個(gè)數(shù)組的長(zhǎng)度，用于我們的循環(huán)。"insertData"則是一個(gè)表格的開(kāi)頭的HTML。（2）我們的第二步則是遍歷所有的元素（通過(guò)變量"dataArray"）并將數(shù)據(jù)添加到變量insertData中。這里我們會(huì)創(chuàng)建一個(gè)表格行，插入一個(gè)表格數(shù)據(jù)節(jié)點(diǎn)(td)進(jìn)去，再將每一個(gè)元素的文本包含進(jìn)這

5、個(gè)表格數(shù)據(jù)節(jié)點(diǎn)，并將這些都添加進(jìn)變量"insertData"。因此，每循環(huán)一次，變量insertData將添加一行包含元素名稱(chēng)和內(nèi)容的新數(shù)據(jù)。（3）新數(shù)據(jù)行添加完后，我們插入一個(gè)""結(jié)束標(biāo)簽到變量"insertData"。這完成了這個(gè)表格。（4）最后一步需要我們將這個(gè)表格放到頁(yè)面上------這很簡(jiǎn)單，我們通過(guò)函數(shù)document.getElementById()取得DIV"userIdMessage"并將變量"insertData"中的HTML插進(jìn)去。2、修改processH

6、ttpResponse方法以對(duì)上面的方法進(jìn)行調(diào)用functionprocessHttpResponse(){if(httpRequest.readyState==4){if(httpRequest.status==200){//檢查是否成功接收了服務(wù)器響應(yīng)//parseXMLResponseInText();parseXMLResponseInTable();}elseif(httpRequest.status==404){alert("沒(méi)有找到與所請(qǐng)求的文件相匹配的資源！");}else{alert("

7、你所請(qǐng)求的頁(yè)面發(fā)生異常，錯(cuò)誤代碼為："+httpRequest.status);}}9楊教授工作室，版權(quán)所有，盜版必究，9/9頁(yè)楊教授工作室精心創(chuàng)作的優(yōu)秀程序員職業(yè)提升必讀系列資料else{document.getElementById("userIdMessage").innerHTML="檢測(cè)中，請(qǐng)稍等...";}}3、再執(zhí)行本頁(yè)面將出現(xiàn)下面的表格顯示的結(jié)果http://127.0.0.1:8080/StrutsAJAXWebApp/index.jsp因?yàn)槲覀冊(cè)诜?wù)器端的Action類(lèi)程序中的輸出實(shí)際

8、為下面的形式，其中的“XXX”為我們所獲得的用戶(hù)提交的值。XXXXXX1.1.1將服務(wù)器端返回的XML文檔中的標(biāo)簽改變?yōu)楦话愕男问?、如果我們要求在服務(wù)器端實(shí)際返回的XML響應(yīng)的結(jié)果為下面的格式------兩個(gè)不同的子標(biāo)簽XXXXXX