上文（零基礎(chǔ)學(xué)習(xí)AJAX之AJAX的簡介和基礎(chǔ)）對ajax異步請求服務(wù)器做了詳細的介紹和基礎(chǔ)應(yīng)用，可以看出，ajax的一些過程是相對不變的。不必要每次發(fā)送請求都寫一遍發(fā)送代碼，一些ajax開發(fā)人員已經(jīng)把他們的過程封裝成ajax框架。
本節(jié)主要介紹ajaxLib和ajaxGold兩款框架。
1.ajaxLib
ajaxLib是一個非常小巧的ajax框架。
使用它首先將文件使用引入到頁面中。改框架是一個直接獲取XML的框架，調(diào)運函數(shù)如下：
loadXMLDoc(url,callback,boolean)
其中，url為異步請求的地址，callback為請求成功之后返回之后調(diào)運的函數(shù)名稱；boolean表示是否去掉XML文檔中的空格，true為去掉空格
如：
input type="button" value="display" onclick="loadXMLDoc('1-7.aspx',decodeXML,false);" />
采用AjaxLib框架返回的XML文檔保存在全局變量resultXML中，可以再decodeXML中編寫程序?qū)ζ溥M行分析，例如：
復(fù)制代碼 代碼如下:
function decodeXML(){
var oTemp =resultXML.getElementsByTagName("temp");
document.getElementById("targetID").innerHTML = oTemp[0].firstChild.nodeValue;
}
可以看到代碼長度比以前少了很多。
2.使用ajaxGold
Ajaxgold是另外一款特別實用的ajax框架。
Ajaxgold是另外一款特別實用的ajax框架。它有4個函數(shù)供開發(fā)者使用
復(fù)制代碼 代碼如下:
getDataReturnText(url,callback);
getDataReturnXML(url,callback);
postDataReturnText(url,data,callback);
postDataReturnXML(url,data,callback);
前兩個用于get方式返回文本和XML,后面兩個函數(shù)是使用POST請求方式返回文本和XML,下面以postDataReturnText(url,data,callback)為例說明
復(fù)制代碼 代碼如下:
form>
input type="button" value="請求數(shù)據(jù)" onclick="postDataReturnText('1-8.aspx','a=2b=3',display);">
/form>
div id="targetID">提取的數(shù)據(jù)將要顯示在這/div>
以上代碼向1-8.aspx發(fā)送數(shù)據(jù)，并傳遞數(shù)據(jù)a=2b=3,服務(wù)器返回成功之后調(diào)運函數(shù)display()對返回值進行處理。
在ajaxGold中，返回文本作為callback函數(shù)的唯一參數(shù)來使用的，因此display()函數(shù)可以這樣編寫
復(fù)制代碼 代碼如下:
script type="text/javascript">
function display(text) {
document.getElementById("targetID").innerHTML = text;
}
/script>
以上即是本文的全部內(nèi)容了，希望大家能夠喜歡
您可能感興趣的文章:- AJAX 驗證框架13個
- jquery 框架使用教程 AJAX篇
- Jquery AJAX 框架的使用方法
- 基于JQuery框架的AJAX實例代碼
- javascript之AJAX框架使用說明
- asp.net省市三級聯(lián)動的DropDownList+Ajax的三種框架(aspnet/Jquery/ExtJs)示例
- 簡單的前端js+ajax 購物車框架(入門篇)
- jQuery1.9.1針對checkbox的調(diào)整方法(prop)
- jQuery 1.9.1源碼分析系列（十）事件系統(tǒng)之綁定事件
- jQuery-1.9.1源碼分析系列（十）事件系統(tǒng)之事件體系結(jié)構(gòu)
- jQuery-1.9.1源碼分析系列（十）事件系統(tǒng)之事件包裝
- Jquery1.9.1源碼分析系列（六）延時對象應(yīng)用之jQuery.ready
- Jquery-1.9.1源碼分析系列（十一）之DOM操作
- jQuery 1.9.1源碼分析系列（十三）之位置大小操作
- jQuery 1.9.1源碼分析系列（十四）之常用jQuery工具
- jQuery1.9.1源碼分析系列（十六）ajax之a(chǎn)jax框架
