上文(零基礎學習AJAX之AJAX的簡介和基礎)對ajax異步請求服務器做了詳細的介紹和基礎應用,可以看出,ajax的一些過程是相對不變的。不必要每次發送請求都寫一遍發送代碼,一些ajax開發人員已經把他們的過程封裝成ajax框架。
本節主要介紹ajaxLib和ajaxGold兩款框架。
1.ajaxLib
ajaxLib是一個非常小巧的ajax框架。
使用它首先將文件使用引入到頁面中。改框架是一個直接獲取XML的框架,調運函數如下:
loadXMLDoc(url,callback,boolean)
其中,url為異步請求的地址,callback為請求成功之後返回之後調運的函數名稱;boolean表示是否去掉XML文檔中的空格,true為去掉空格
如:
<input type="button" value="display" onclick="loadXMLDoc('1-7.aspx',decodeXML,false);" />
采用AjaxLib框架返回的XML文檔保存在全局變量resultXML中,可以再decodeXML中編寫程序對其進行分析,例如:
復制代碼 代碼如下:
function decodeXML(){
var oTemp =resultXML.getElementsByTagName("temp");
document.getElementById("targetID").innerHTML = oTemp[0].firstChild.nodeValue;
}
可以看到代碼長度比以前少了很多。
2.使用ajaxGold
Ajaxgold是另外一款特別實用的ajax框架。
Ajaxgold是另外一款特別實用的ajax框架。它有4個函數供開發者使用
復制代碼 代碼如下:
getDataReturnText(url,callback);
getDataReturnXML(url,callback);
postDataReturnText(url,data,callback);
postDataReturnXML(url,data,callback);
前兩個用於get方式返回文本和XML,後面兩個函數是使用POST請求方式返回文本和XML,下面以postDataReturnText(url,data,callback)為例說明
復制代碼 代碼如下:
<form>
<input type="button" value="請求數據" onclick="postDataReturnText('1-8.aspx','a=2&b=3',display);">
</form>
<div id="targetID">提取的數據將要顯示在這</div>
以上代碼向1-8.aspx發送數據,並傳遞數據a=2b=3,服務器返回成功之後調運函數display()對返回值進行處理。
在ajaxGold中,返回文本作為callback函數的唯一參數來使用的,因此display()函數可以這樣編寫
復制代碼 代碼如下:
<script type="text/javascript">
function display(text) {
document.getElementById("targetID").innerHTML = text;
}
</script>
以上即是本文的全部內容了,希望大家能夠喜歡