如何使用AJAX框架

這篇文章主要介紹“如何使用AJAX框架”，在日常操作中，相信很多人在如何使用AJAX框架問題上存在疑惑，小編查閱了各式資料，整理出簡單好用的操作方法，希望對大家解答”如何使用AJAX框架”的疑惑有所幫助！接下來，請跟著小編一起來學習吧！

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>
            <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>

到此，關于“如何使用AJAX框架”的學習就結束了，希望能夠解決大家的疑惑。理論與實踐的搭配能更好的幫助大家學習，快去試試吧！若想繼續學習更多相關知識，請繼續關注億速云網站，小編會繼續努力為大家帶來更多實用的文章！