欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

零基礎(chǔ)學(xué)習(xí)AJAX之AJAX框架

 更新時(shí)間:2015年01月20日 11:20:03   投稿:hebedich  
本文是零基礎(chǔ)學(xué)習(xí)AJAX系列教程的第二篇,我們介紹點(diǎn)不一樣的知識(shí),學(xué)習(xí)下ajaxLib和ajaxGold兩款框架,方便我們更好的理解ajax.

上文(零基礎(chǔ)學(xué)習(xí)AJAX之AJAX的簡(jiǎn)介和基礎(chǔ))對(duì)ajax異步請(qǐng)求服務(wù)器做了詳細(xì)的介紹和基礎(chǔ)應(yīng)用,可以看出,ajax的一些過(guò)程是相對(duì)不變的。不必要每次發(fā)送請(qǐng)求都寫一遍發(fā)送代碼,一些ajax開發(fā)人員已經(jīng)把他們的過(guò)程封裝成ajax框架。

本節(jié)主要介紹ajaxLib和ajaxGold兩款框架。

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為去掉空格

如:

<input type="button" value="display" onclick="loadXMLDoc('1-7.aspx',decodeXML,false);" />
采用AjaxLib框架返回的XML文檔保存在全局變量resultXML中,可以再decodeXML中編寫程序?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ù)供開發(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ù)制代碼 代碼如下:

<form>
                <input type="button" value="請(qǐng)求數(shù)據(jù)" onclick="postDataReturnText('1-8.aspx','a=2&b=3',display);">
            </form>
            <div id="targetID">提取的數(shù)據(jù)將要顯示在這</div>

以上代碼向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ù)可以這樣編寫

復(fù)制代碼 代碼如下:

<script type="text/javascript">
            function display(text) {
                document.getElementById("targetID").innerHTML = text;
            }
        </script>

以上即是本文的全部?jī)?nèi)容了,希望大家能夠喜歡

相關(guān)文章

最新評(píng)論