- 相關(guān)推薦
零基礎(chǔ)學(xué)習(xí)AJAX之AJAX簡(jiǎn)單框架
零基礎(chǔ)學(xué)習(xí)AJAX之AJAX簡(jiǎn)單框架
1.ajaxLib
ajaxLib是一個(gè)非常小巧的ajax框架。
使用它首先將文件使用引入到頁(yè)面中。改框架是一個(gè)直接獲取XML的框架，調(diào)運(yùn)函數(shù)如下：
loadXMLDoc(url,callback,boolean)
其中，url為異步請(qǐng)求的地址，callback為請(qǐng)求成功之后返回之后調(diào)運(yùn)的函數(shù)名稱；boolean表示是否去掉XML文檔中的空格，true為去掉空格
如：
采用AjaxLib框架返回的XML文檔保存在全局變量resultXML中，可以再decodeXML中編寫(xiě)程序?qū)ζ溥M(jìn)行分析，例如：
復(fù)制代碼 代碼如下:
function decodeXML(){
var oTemp =resultXML.getElementsByTagName("temp");
document.getElementById("targetID").innerHTML = oTemp[0].firstChild.nodeValue;
}
可以看到代碼長(zhǎng)度比以前少了很多。
2.使用ajaxGold
Ajaxgold是另外一款特別實(shí)用的`ajax框架。
Ajaxgold是另外一款特別實(shí)用的ajax框架。它有4個(gè)函數(shù)供開(kāi)發(fā)者使用
復(fù)制代碼 代碼如下:
getDataReturnText(url,callback);
getDataReturnXML(url,callback);
postDataReturnText(url,data,callback);
postDataReturnXML(url,data,callback);
前兩個(gè)用于get方式返回文本和XML,后面兩個(gè)函數(shù)是使用POST請(qǐng)求方式返回文本和XML,下面以postDataReturnText(url,data,callback)為例說(shuō)明
復(fù)制代碼 代碼如下:
提取的數(shù)據(jù)將要顯示在這
以上代碼向1-8.aspx發(fā)送數(shù)據(jù)，并傳遞數(shù)據(jù)a=2b=3,服務(wù)器返回成功之后調(diào)運(yùn)函數(shù)display()對(duì)返回值進(jìn)行處理。
在ajaxGold中，返回文本作為callback函數(shù)的唯一參數(shù)來(lái)使用的，因此display()函數(shù)可以這樣編寫(xiě)
復(fù)制代碼 代碼如下:
function display(text) {
document.getElementById("targetID").innerHTML = text;
}
【零基礎(chǔ)學(xué)習(xí)AJAX之AJAX簡(jiǎn)單框架】相關(guān)文章：
零基礎(chǔ)學(xué)習(xí)AJAX之制作自動(dòng)校驗(yàn)的表單問(wèn)題07-25
使用ajax操作JavaScript對(duì)象的方法09-28
關(guān)于Ajax技術(shù)原理的幾點(diǎn)總結(jié)01-10
基于ajax實(shí)現(xiàn)無(wú)刷新分頁(yè)的方法10-15
解析ajax請(qǐng)求post和get的區(qū)別10-01
如何利用ajax獲取博文列表08-03
淺談Ajax修改購(gòu)物車的方法06-29