最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

Jquery Ajax學(xué)習(xí)實例7 Ajax所有過程事件分析示例

 更新時間:2010年03月23日 00:13:13   作者:  
JQuery在執(zhí)行Ajax的過程中會觸發(fā)很多事件。

一、Ajax所有過程事件分析

   JQuery在執(zhí)行Ajax的過程中會觸發(fā)很多事件。
   這些事件可以分為兩種事件,一種是局部事件(Local),一種是全局事件(Global)。
   局部事件:可以通過$.ajax來調(diào)用,你某一個Ajax請求不希望產(chǎn)生全局的事件,則可以設(shè)置global:false。
   全局事件:跟click等事件類似,可以綁定到到每一個DOM元素上。
   這些事件的按照事件的觸發(fā)順序如下介紹:

 

局部事件(Local) 全局事件(Global)
ajaxStart 全局事件
開始新的Ajax請求,并且此時沒有其他ajax請求正在進行。
beforeSend 局部事件
當一個Ajax請求開始時觸發(fā)。如果需要,你可以在這里設(shè)置XHR對象。
ajaxSend 全局事件
請求開始前觸發(fā)的全局事件。
success 局部事件
請求成功時觸發(fā)。即服務(wù)器沒有返回錯誤,返回的數(shù)據(jù)也沒有錯誤。
ajaxSuccess 全局事件
全局的請求成功。
error 局部事件
僅當發(fā)生錯誤時觸發(fā)。你無法同時執(zhí)行success和error兩個回調(diào)函數(shù)。
ajaxError 全局事件
全局的發(fā)生錯誤時觸發(fā)。
complete 局部事件
不管你請求成功還是失敗,即便是同步請求,你都能在請求完成時觸發(fā)這個事件。
ajaxComplete 全局事件
全局的請求完成時觸發(fā)。
ajaxStop 全局事件
當沒有Ajax正在進行中的時候,觸發(fā)。
注:除了ajaxStart和ajaxStop之外,其他的事件都有3個參數(shù)
event, XMLHttpRequest, ajaxOptions
第一個是事件,第二個是XHR對象,第三個參數(shù)最有用,是當時調(diào)用這個ajax的時候的參數(shù)。
對于ajaxError,還有第四個參數(shù)thrownError,只有當異常發(fā)生時才會被傳遞。

 

二、Ajax所有過程事件示例

2.1、HTML代碼

      <div>

            <input type="button" onclick="BtnSpareClick();" value="PartEvents" />
            <input type="button" onclick="BtnGlobalClick();" value="GlobalEvents" />

      </div>

       <div id="Result">Result</div>
       <div id="Process">Process</div>

2.2、Jquery Ajax腳本 

局部事件(Local)實例 全局事件(Global)實例

  <script language="javascript" type="text/javascript">
            $.ready(function BtnSpareClick() {
                $.ajax({
                    type: "get",
                    url: "http://www.fzitv.net/windy2008/rss",
                    data: {},
                    global: false,
                    beforeSend: function(data, status, settings) {
                        $("#Process").text("Part請求開始前");
                        alert($("#Process").text());
                    },
                    success: function(data, status, settings) {
                        $("item", data).each(function(i, domEle) {
                            $("#Result").append("<div>" + $(domEle).children("title").text() + "</div>");
                        });
                        $("#Process").text("Part請求成功時");
                        alert($("#Process").text());
                    },
                    complete: function(data, status, settings) {
                        $("#Process").text("Part請求完成時");
                        alert($("#Process").text());
                    },
                    error: function(data, status, settings) {
                        $("#Process").text("Part請求錯誤時");
                        alert($("#Process").text());
                    }
                });
            });

</script>

 <script language="javascript" type="text/javascript">

 $.ready(function BtnGlobalClick() {
                $.get("http://www.fzitv.net/windy2008/rss", {}, function(data, status, settings)

{
                    $("item", data).each(function(i, domEle) {
                        $("#Result").append("<div>" + $(domEle).children("title").text() + "</div>");
                    });
                });
                $("#Process").ajaxStart(function() {
                    alert($(this).text());
                    $(this).text("開始新的Ajax請求");
                });
                $("#Process").ajaxStop(function() {
                    $(this).text("當沒有Ajax正在進行中的時候");
                    alert($(this).text());
                });
                $("#Process").ajaxSend(function() {
                    $(this).text("請求開始前");
                    alert($(this).text());
                });
                $("#Process").ajaxSuccess(function() {
                    $(this).text("請求成功");
                    alert($(this).text());
                });
                $("#Process").ajaxComplete(function() {
                    $(this).text("請求完成時");
                    alert($(this).text());
                });
                $("#Process").ajaxError(function() {
                    $(this).text("請求錯誤時");
                    alert($(this).text());
                });
            });
        </script>

相關(guān)文章

  • jQuery實現(xiàn)常見的隱藏與展示列表效果示例

    jQuery實現(xiàn)常見的隱藏與展示列表效果示例

    這篇文章主要介紹了jQuery實現(xiàn)常見的隱藏與展示列表效果,結(jié)合完整實例形式分析了jQuery事件響應(yīng)及針對頁面元素屬性動態(tài)操作相關(guān)實現(xiàn)技巧,需要的朋友可以參考下
    2018-06-06
  • 40個有創(chuàng)意的jQuery圖片和內(nèi)容滑動及彈出插件收藏集之二

    40個有創(chuàng)意的jQuery圖片和內(nèi)容滑動及彈出插件收藏集之二

    在網(wǎng)頁的首頁或圖片專題頁面很多地方都會用到圖片滑動插件來循環(huán)切換多張圖片,并且用戶可以點擊左右按鈕來切換圖片。
    2011-12-12
  • jQuery中even選擇器的定義和用法

    jQuery中even選擇器的定義和用法

    這篇文章主要介紹了jQuery中even選擇器的定義和用法,較為詳細的分析了event選擇器的語法結(jié)構(gòu)與具體用法,并以一個設(shè)置偶數(shù)行為藍色字體的例子總結(jié)了其用法與功能特點,需要的朋友可以參考下
    2014-12-12
  • jQuery中clone()函數(shù)實現(xiàn)表單中增加和減少輸入項

    jQuery中clone()函數(shù)實現(xiàn)表單中增加和減少輸入項

    這篇文章給大家介紹了jQuery中clone()函數(shù)實現(xiàn)表單中增加和減少輸入項的實例代碼,非常不錯,具有參考借鑒價值,需要的朋友參考下吧
    2017-05-05
  • 使用jquery給指定的table動態(tài)添加一行、刪除一行

    使用jquery給指定的table動態(tài)添加一行、刪除一行

    今天在項目中,剛好用到給指定的table添加一行、刪除一行,就直接找google,搜出來的東西不盡如人意,不是功能不好就是千篇一律,簡直浪費時間還不討好,于是乎就自己動手封裝個,現(xiàn)就把代碼分享出來,避免大伙重復(fù)造輪子,如有問題歡迎大伙拍磚指正,千萬可別人身攻擊
    2016-10-10
  • JQuery PHP圖片在線裁剪實例

    JQuery PHP圖片在線裁剪實例

    這篇文章主要為大家詳細介紹了JQuery+PHP圖片在線裁剪實例,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2016-10-10
  • 淺談jquery中的each方法$.each、this.each、$.fn.each

    淺談jquery中的each方法$.each、this.each、$.fn.each

    下面小編就為大家?guī)硪黄獪\談jquery中的each方法$.each、this.each、$.fn.each。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2016-06-06
  • 基于jQuery實現(xiàn)左右圖片輪播(原理通用)

    基于jQuery實現(xiàn)左右圖片輪播(原理通用)

    這篇文章主要介紹了基于jQuery實現(xiàn)左右圖片輪播,實現(xiàn)原理通用可通用,希望能和大家分享一下思路,感興趣的小伙伴們可以參考一下
    2015-12-12
  • 基于jQuery排序及應(yīng)用實現(xiàn)Tab欄特效

    基于jQuery排序及應(yīng)用實現(xiàn)Tab欄特效

    這篇文章主要介紹了基于jQuery排序及應(yīng)用實現(xiàn)Tab欄特效,jquery是基于JavaScript語言寫出來的一個框架,它封裝JavaScript常用的功能代碼,提供一種簡便的JavaScript設(shè)計模式,但實質(zhì)上還是js,所以JQuery也屬于網(wǎng)頁編程語言。下面更多內(nèi)容需要的小伙伴可以參考一下
    2022-03-03
  • 基于jQuery仿淘寶產(chǎn)品圖片放大鏡代碼分享

    基于jQuery仿淘寶產(chǎn)品圖片放大鏡代碼分享

    今天給大家分享一款基于jQuery淘寶產(chǎn)品圖片放大鏡代碼,這是一款基于jquery.imagezoom插件實現(xiàn)的jQuery放大鏡,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2015-09-09

最新評論

清镇市| 枞阳县| 沂水县| 达孜县| 长岭县| 阳泉市| 信阳市| 全椒县| 延寿县| 文安县| 娄烦县| 介休市| 台中市| 昭觉县| 濮阳县| 海南省| 澄江县| 滕州市| 无极县| 自贡市| 象山县| 玛纳斯县| 卢湾区| 承德县| 霍城县| 若羌县| 伊宁县| 临沭县| 保亭| 韩城市| 如东县| 达日县| 施秉县| 靖江市| 定州市| 揭西县| 响水县| 安化县| 环江| 克东县| 东源县|