Jquery ajaxStart()與ajaxStop()方法(實(shí)例講解)

更新時(shí)間：2013年12月18日 10:14:00 作者：

本篇文章主要是對(duì)Jquery中的ajaxStart()與ajaxStop()方法進(jìn)行了介紹，需要的朋友可以過(guò)來(lái)參考下，希望對(duì)大家有所幫助

jQuery中通過(guò)ajaxStart()和ajaxStop()兩個(gè)方法提供了類似的功能。當(dāng)一個(gè)Ajax請(qǐng)求啟動(dòng)時(shí)，并且沒(méi)有其他未完成的Ajax請(qǐng)求時(shí)，將調(diào)用ajaxStart()方法。同樣，ajaxStop()方法則是在所有Ajax請(qǐng)求都完成時(shí)調(diào)用。這些方法的參數(shù)都是一個(gè)函數(shù)，這個(gè)函數(shù)將在事件發(fā)生時(shí)被調(diào)用。

例子

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

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title>無(wú)標(biāo)題頁(yè)</title>
    <script src="jquery-1.4.2.min.js" type="text/javascript"></script>
      <script type="text/javascript">
        $(document).ready(function(){

         $("#Button1").click(function(){
          $.post("Default2.aspx","",function(data){
           $("#x").text(data);
          },"text");
         });
         $("#my").ajaxStart(function(){
             $(this).show();
         }).ajaxStop(function(){
           $(this).hide();
         });

        });
  </script>
</head>
<body>
    <form id="form1" runat="server">

  
    <input id="Button1" type="button" value="button"  />
    <div id="my" style=" display:none">
        <img src="loading.gif" />
    </div>
    <div id="x"></div>
    </form>
</body>
</html>

您可能感興趣的文章:

相關(guān)文章

jQuery 選擇符詳細(xì)介紹及整理
這篇文章主要介紹了jQuery 選擇符詳細(xì)介紹及整理的相關(guān)資料,這里整理了選擇符的一些資料，幫助到家學(xué)習(xí)這部分內(nèi)容，需要的朋友可以參考下
2016-12-12
使用JQuery 加載頁(yè)面時(shí)調(diào)用JS的實(shí)現(xiàn)方法
下面小編就為大家?guī)?lái)一篇使用JQuery 加載頁(yè)面時(shí)調(diào)用JS的實(shí)現(xiàn)方法。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2016-05-05
jQuery搜索子元素的方法
這篇文章主要介紹了jQuery搜索子元素的方法,實(shí)例分析了children、find等方法的使用技巧,需要的朋友可以參考下
2015-02-02
jQuery對(duì)象初始化的傳參方式
本文簡(jiǎn)單介紹了jQuery對(duì)象初始化傳參方式，以及具體的示例，是篇非常不錯(cuò)的文章，這里推薦給小伙伴們。
2015-02-02
jQuery-onload讓第一次頁(yè)面加載時(shí)圖片是淡入方式顯示
第一次打開(kāi)一個(gè)頁(yè)面時(shí),讓加載好的圖片先隱藏，然后再執(zhí)行動(dòng)畫(huà)fadeIn，這里的load事件：當(dāng)所有子元素已經(jīng)被完全加載完成時(shí)，load事件被發(fā)送到這個(gè)元素
2012-05-05
jQuery導(dǎo)航條固定定位效果實(shí)例代碼
本篇文章主要介紹了jQuery導(dǎo)航條固定定位效果實(shí)例代碼，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2017-05-05
jQuery 獲取屏幕高度、寬度的簡(jiǎn)單實(shí)現(xiàn)案例
下面小編就為大家?guī)?lái)一篇jQuery 獲取屏幕高度、寬度的簡(jiǎn)單實(shí)現(xiàn)案例。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2016-05-05
jQuery Chart圖表制作組件Highcharts用法詳解
這篇文章主要介紹了jQuery Chart圖表制作組件Highcharts用法,詳細(xì)分析了Highcharts插件的功能與具體使用技巧及相關(guān)注意事項(xiàng),需要的朋友可以參考下
2016-06-06
jquery下json數(shù)組的操作實(shí)現(xiàn)代碼
在jquery中處理JSON數(shù)組的情況中遍歷用到的比較多，但是用添加移除這些好像不是太多。
2010-08-08
Jquery元素追加和刪除的實(shí)現(xiàn)方法
下面小編就為大家?guī)?lái)一篇Jquery元素追加和刪除的實(shí)現(xiàn)方法。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2016-05-05