本文是零基礎學習AJAX系列教學的第二篇,我們介紹點不一樣的知識,學習下ajaxLib和ajaxGold兩款框架,方便我們更好的理解ajax.
上文(零基礎學習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> <p id="targetID">提取的数据将要显示在这</p>
以上程式碼向1-8.aspx發送數據,並傳遞數據a=2b=3,伺服器返回成功之後調運函數display()對返回值進行處理。
在ajaxGold中,返回文字作為callback函數的唯一參數來使用的,因此display()函數可以這樣寫
<script type="text/javascript"> function display(text) { document.getElementById("targetID").innerHTML = text; } </script>
上面是我整理給大家的,希望今後會對大家有幫助。
相關文章:
#以上是零基礎學習AJAX之AJAX框架的詳細內容。更多資訊請關注PHP中文網其他相關文章!