AJAX（二）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;
            }

完整代碼：http://study.ahthw.com/ajaxresponse/1-7.html

能夠看到代碼長度比之前少了不少。

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>

實例：http://study.ahthw.com/ajaxresponse/1-8.html

歡迎你們點評