- 相關(guān)推薦
零基礎(chǔ)學習AJAX之AJAX簡單框架
零基礎(chǔ)學習AJAX之AJAX簡單框架
1.ajaxLib
ajaxLib是一個非常小巧的ajax框架。
使用它首先將文件使用引入到頁面中。改框架是一個直接獲取XML的框架,調(diào)運函數(shù)如下:
loadXMLDoc(url,callback,boolean)
其中,url為異步請求的地址,callback為請求成功之后返回之后調(diào)運的函數(shù)名稱;boolean表示是否去掉XML文檔中的空格,true為去掉空格
如:
采用AjaxLib框架返回的XML文檔保存在全局變量resultXML中,可以再decodeXML中編寫程序?qū)ζ溥M行分析,例如:
復制代碼 代碼如下:
function decodeXML(){
var oTemp =resultXML.getElementsByTagName("temp");
document.getElementById("targetID").innerHTML = oTemp[0].firstChild.nodeValue;
}
可以看到代碼長度比以前少了很多。
2.使用ajaxGold
Ajaxgold是另外一款特別實用的ajax框架。
Ajaxgold是另外一款特別實用的ajax框架。它有4個函數(shù)供開發(fā)者使用
復制代碼 代碼如下:
getDataReturnText(url,callback);
getDataReturnXML(url,callback);
postDataReturnText(url,data,callback);
postDataReturnXML(url,data,callback);
前兩個用于get方式返回文本和XML,后面兩個函數(shù)是使用POST請求方式返回文本和XML,下面以postDataReturnText(url,data,callback)為例說明
復制代碼 代碼如下:
提取的.數(shù)據(jù)將要顯示在這
以上代碼向1-8.aspx發(fā)送數(shù)據(jù),并傳遞數(shù)據(jù)a=2b=3,服務器返回成功之后調(diào)運函數(shù)display()對返回值進行處理。
在ajaxGold中,返回文本作為callback函數(shù)的唯一參數(shù)來使用的,因此display()函數(shù)可以這樣編寫
復制代碼 代碼如下:
function display(text) {
document.getElementById("targetID").innerHTML = text;
}
【零基礎(chǔ)學習AJAX之AJAX簡單框架】相關(guān)文章:
原生ajax調(diào)用數(shù)據(jù)實例簡單講解07-19
零基礎(chǔ)學習日語語音04-25
零基礎(chǔ)學習手風琴樂器知識11-10
電工基礎(chǔ)考點:火線、零線和地線基礎(chǔ)知識05-02
英語基礎(chǔ)語法之并列句09-03
從零開始學習俄語03-14
學習插花的基礎(chǔ)知識02-10
簡單茶藝基礎(chǔ)知識11-17
速錄基礎(chǔ)學習技巧之一07-25