<rt id="bn8ez"></rt>
<label id="bn8ez"></label>

  • <span id="bn8ez"></span>

    <label id="bn8ez"><meter id="bn8ez"></meter></label>

    @OverWrite BlogJava

      BlogJava :: 首頁 :: 新隨筆 :: 聯(lián)系 :: 聚合  :: 管理 ::
      128 隨筆 :: 0 文章 :: 29 評論 :: 0 Trackbacks

    為了支持 AJAX 功能。這個包定義了 Ajax.Request 類。

    假如你有一個應(yīng)用程序可以通過url http://yoursever/app/get_sales?empID=1234&year=1998與服務(wù)器通信。它返回下面這樣的XML 響應(yīng)。

     

     

    <?xml version="1.0" encoding="utf-8" ?>
    <ajax-response>
        
    <response type="object" id="productDetails">
            
    <monthly-sales>
                
    <employee-sales>
                    
    <employee-id>1234</employee-id>
                    
    <year-month>1998-01</year-month>
                    
    <sales>$8,115.36</sales>
                
    </employee-sales>
                
    <employee-sales>
                    
    <employee-id>1234</employee-id>
                    
    <year-month>1998-02</year-month>
                    
    <sales>$11,147.51</sales>
                
    </employee-sales>
            
    </monthly-sales>
        
    </response>
    </ajax-response>

     

    Ajax.Request對象和服務(wù)器通信并且得到這段XML是非常簡單的。下面的例子演示了它是如何完成的。

     

    <script>
        
    function searchSales()
        
    {
            
    var empID = $F('lstEmployees');
            
    var y = $F('lstYears');
            
    var url = 'http://yoursever/app/get_sales';
            var pars = 'empID=+ empID + '&year=+ y;
           
    var myAjax = new Ajax.Request(
                        url,
                        
    {method: 'get', parameters: pars, onComplete: showResponse}
                        );

        }


        
    function showResponse(originalRequest)
        
    {
            
    //put returned XML in the textarea
            $('result').value = originalRequest.responseText;
        }

    </script>

    <select id="lstEmployees" size="10" onchange="searchSales()">
        
    <option value="5">Buchanan, Steven</option>
        
    <option value="8">Callahan, Laura</option>
        
    <option value="1">Davolio, Nancy</option>
    </select>
    <select id="lstYears" size="3" onchange="searchSales()">
        
    <option selected="selected" value="1996">1996</option>
        
    <option value="1997">1997</option>
        
    <option value="1998">1998</option>
    </select>
    <br><textarea id=result cols=60 rows=10 ></textarea>


    你看到傳入 Ajax.Request構(gòu)造方法的第二個對象了嗎? 參數(shù){method: 'get', parameters: pars, onComplete: showResponse} 表示一個匿名對象的真實(shí)寫法。他表示你傳入的這個對象有一個名為 method 值為 'get'的屬性,另一個屬性名為 parameters 包含HTTP請求的查詢字符串,和一個onComplete 屬性/方法包含函數(shù)showResponse

    還有一些其它的屬性可以在這個對象里面定義和設(shè)置,如 asynchronous,可以為truefalse 來決定AJAX對服務(wù)器的調(diào)用是否是異步的(默認(rèn)值是 true)。

    這個參數(shù)定義AJAX調(diào)用的選項(xiàng)。在我們的例子中,在第一個參數(shù)通過HTTP GET命令請求那個url,傳入了變量 pars包含的查詢字符串, Ajax.Request 對象在它完成接收響應(yīng)的時候?qū)⒄{(diào)用showResponse 方法。

    也許你知道, XMLHttpRequest在HTTP請求期間將報告進(jìn)度情況。這個進(jìn)度被描述為四個不同階段:Loading, Loaded, Interactive, 或 Complete。你可以使 Ajax.Request 對象在任何階段調(diào)用自定義方法 ,Complete 是最常用的一個。想調(diào)用自定義的方法只需要簡單的在請求的選項(xiàng)參數(shù)中的名為 onXXXXX 屬性/方法中提供自定義的方法對象。 就像我們例子中的 onComplete 。你傳入的方法將會被用一個參數(shù)調(diào)用,這個參數(shù)是 XMLHttpRequest 對象自己。你將會用這個對象去得到返回的數(shù)據(jù)并且或許檢查包含有在這次調(diào)用中的HTTP結(jié)果代碼的 status 屬性。

    還有另外兩個有用的選項(xiàng)用來處理結(jié)果。我們可以在onSuccess 選項(xiàng)處傳入一個方法,當(dāng)AJAX無誤的執(zhí)行完后調(diào)用, 相反的,也可以在onFailure選項(xiàng)處傳入一個方法,當(dāng)服務(wù)器端出現(xiàn)錯誤時調(diào)用。正如onXXXXX 選項(xiàng)傳入的方法一樣,這兩個在被調(diào)用的時候也傳入一個帶有AJAX請求的XMLHttpRequest對象。

    我們的例子沒有用任何有趣的方式處理這個 XML響應(yīng), 我們只是把這段XML放進(jìn)了一個文本域里面。對這個響應(yīng)的一個典型的應(yīng)用很可能就是找到其中的想要的信息,然后更新頁面中的某些元素, 或者甚至可能做某些XSLT轉(zhuǎn)換而在頁面中產(chǎn)生一些HTML。
    完。
    摘自:https://compdoc2cn.dev.java.net

    posted on 2008-03-21 17:45 vesung 閱讀(881) 評論(0)  編輯  收藏 所屬分類: Ajax/html
    主站蜘蛛池模板: 亚洲第一视频在线观看免费| 亚洲人成网站在线播放影院在线| 四虎影院免费在线播放| 100000免费啪啪18免进| 日韩欧毛片免费视频| 114一级毛片免费| 欧洲乱码伦视频免费| 99久久久精品免费观看国产| a毛片基地免费全部视频| 成年女人男人免费视频播放| 免费看AV毛片一区二区三区| 在线jlzzjlzz免费播放| 日日操夜夜操免费视频| 免费少妇a级毛片| 亚洲综合精品香蕉久久网| 亚洲av永久无码精品古装片| 亚洲视频一区调教| 国产精品亚洲四区在线观看| 中文字幕亚洲码在线| 亚洲第一se情网站| 无码日韩人妻AV一区免费l| 国产免费一区二区三区免费视频| 中文字幕日本人妻久久久免费| 免费无码又爽又刺激高潮视频| 国产香蕉免费精品视频| 国产美女无遮挡免费网站| 亚洲欧洲国产成人综合在线观看| 国产亚洲精品自在久久 | 国产无遮挡色视频免费观看性色| 在线免费播放一级毛片| 91精品免费久久久久久久久| 免费观看成人毛片a片2008| 国产三级电影免费观看| 亚洲国产精品乱码一区二区| 亚洲成a人片在线观| 亚洲精品9999久久久久无码| 一个人看的免费观看日本视频www| 嫩草影院在线播放www免费观看| 又粗又大又黑又长的免费视频| 免费国产不卡午夜福在线| 亚洲a在线视频视频|