上文（零基礎(chǔ)學(xué)習(xí)AJAX之AJAX的簡介和基礎(chǔ)）對ajax異步請求服務(wù)器做了詳細(xì)的介紹和基礎(chǔ)應(yīng)用，可以看出，ajax的一些過程是相對不變的。不必要每次發(fā)送請求都寫一遍發(fā)送代碼，一些ajax開發(fā)人員已經(jīng)把他們的過程封裝成ajax框架。

本節(jié)主要介紹ajaxLib和ajaxGold兩款框架。

1.ajaxLib

ajaxLib是一個(gè)非常小巧的ajax框架。
使用它首先將文件使用引入到頁面中。改框架是一個(gè)直接獲取XML的框架，調(diào)運(yùn)函數(shù)如下：

loadXMLDoc(url,callback,boolean)
其中，url為異步請求的地址，callback為請求成功之后返回之后調(diào)運(yùn)的函數(shù)名稱；boolean表示是否去掉XML文檔中的空格，true為去掉空格

如：

<input type="button" value="display" onclick="loadXMLDoc('1-7.aspx',decodeXML,false);" />

采用AjaxLib框架返回的XML文檔保存在全局變量resultXML中，可以再decodeXML中編寫程序?qū)ζ溥M(jìn)行分析，例如：

function decodeXML(){
var oTemp =resultXML.getElementsByTagName("temp");
document.getElementById("targetID").innerHTML = oTemp[0].firstChild.nodeValue;
}

可以看到代碼長度比以前少了很多。

2.使用ajaxGold

Ajaxgold是另外一款特別實(shí)用的ajax框架。

Ajaxgold是另外一款特別實(shí)用的ajax框架。它有4個(gè)函數(shù)供開發(fā)者使用

getDataReturnText(url,callback);
getDataReturnXML(url,callback);
postDataReturnText(url,data,callback);
postDataReturnXML(url,data,callback);

前兩個(gè)用于get方式返回文本和XML,后面兩個(gè)函數(shù)是使用POST請求方式返回文本和XML,下面以postDataReturnText(url,data,callback)為例說明

<form>
 <input type="button" value="請求數(shù)據(jù)" onclick="postDataReturnText('1-8.aspx','a=2&b=3',display);">
 </form>
<p id="targetID">提取的數(shù)據(jù)將要顯示在這</p>

以上代碼向1-8.aspx發(fā)送數(shù)據(jù)，并傳遞數(shù)據(jù)a=2b=3,服務(wù)器返回成功之后調(diào)運(yùn)函數(shù)display()對返回值進(jìn)行處理。

在ajaxGold中，返回文本作為callback函數(shù)的唯一參數(shù)來使用的，因此display()函數(shù)可以這樣編寫

<script type="text/javascript">
 function display(text) {
 document.getElementById("targetID").innerHTML = text;
 }
</script>

上面是我整理給大家的，希望今后會對大家有幫助。

相關(guān)文章：

ajax的get請求時(shí)緩存處理解決方法

服務(wù)端配置實(shí)現(xiàn)AJAX跨域請求

java+jquery處理xml數(shù)據(jù)的方法

聲明：本網(wǎng)頁內(nèi)容旨在傳播知識，若有侵權(quán)等問題請及時(shí)與本網(wǎng)聯(lián)系，我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com