特定アヤックスに.ajaxStart（）を呼び出す方法を

Question

は、私が表示したり、Ajaxの状況に応じて、プログレスバーを非表示にサイトのドキュメントのいくつかのAJAX呼び出しを持って呼び出す

$(document).ajaxStart(function(){ 
     $('#ajaxProgress').show(); 
    }); 
    $(document).ajaxStop(function(){ 
     $('#ajaxProgress').hide(); 
    }); 

私は基本的にoverwirteしたいと思いますこれらのメソッドは、多くの素早く小さなajax呼び出しが行われ、進捗バーが出入りする必要がないサイトの他の部分にあります。私はそれらを他の$ .getJSONと$ .ajax呼び出しに添付しようとしています。私はそれらを連鎖しようとしましたが、明らかにそれは良いものではありません。

$.getJSON().ajaxStart(function(){ 'kill preloader'}); 

Answer 1

：：コードは次のようなものに見えるかもしれあなたが一時的に前にのバインドを解除することがありますサイトの他の部分で次に

$(document).bind("ajaxStart.mine", function() { 
    $('#ajaxProgress').show(); 
}); 

$(document).bind("ajaxStop.mine", function() { 
    $('#ajaxProgress').hide(); 
}); 

を、あなたの.json呼び出し：答えを探しながら

$(document).unbind(".mine"); 

がhereからアイデアを得ました。

EDIT：私はそれをテストする時間がありませんでした。

Answer 2

残念ながら、ajaxStartイベントにアニメーションを表示するかどうかを決定するために使用できる追加情報はありません。

とにかく、ここに1つのアイデアがあります。あなたのajaxStartメソッドで、200ミリ秒後にアニメーションを開始してみませんか？ ajaxリクエストが200ミリ秒で完了すると、アニメーションは表示されません。それ以外の場合はアニメーションが表示されます。あなたがajaxStartとajaxStop使用してカスタム名前空間バインドでき

var animationController = function animationController() 
{ 
    var timeout = null; 
    var delayBy = 200; //Number of milliseconds to wait before ajax animation starts. 

    var pub = {}; 

    var actualAnimationStart = function actualAnimationStart() 
    { 
     $('#ajaxProgress').show(); 
    }; 

    var actualAnimationStop = function actualAnimationStop() 
    { 
     $('#ajaxProgress').hide(); 
    }; 

    pub.startAnimation = function animationController$startAnimation() 
    { 
     timeout = setTimeout(actualAnimationStart, delayBy); 
    }; 

    pub.stopAnimation = function animationController$stopAnimation() 
    { 
     //If ajax call finishes before the timeout occurs, we wouldn't have 
     //shown any animation. 
     clearTimeout(timeout); 
     actualAnimationStop(); 
    } 

    return pub; 
}(); 


$(document).ready(
    function() 
    { 
     $(document).ajaxStart(animationController.startAnimation); 
     $(document).ajaxStop(animationController.stopAnimation); 
    } 
); 

Answer 3

あなたはそれがよだけ自体、バインド時に適切なAjaxのアクション扱うあなたの機能でこれを置く場合：さらに

$('#yourDiv') 
    .ajaxStart(function(){ 
     $("ResultsDiv").hide(); 
     $(this).show(); 
    }) 
    .ajaxStop(function(){ 
     $(this).hide(); 
     $(this).unbind("ajaxStart"); 
    }); 

Answer 4

をあなたは.ajaxStart()と.ajaxStop()に無効通話する場合は、あなたが設定することができますあなた.ajax()リクエストでfalseへglobalオプション;）

はもっとここを参照してください：How to call .ajaxStart() on specific ajax calls

Answer 5

何をすべきかを決める前にリクエストを見比べたい場合は、ajaxSendとajaxCompleteを使用します。ここに私の返事を参照してください：https://stackoverflow.com/a/15763341/117268

Answer 6

<div class="Local">Trigger</div> 

<div class="result"></div> 
<div class="log"></div> 

$(document).ajaxStart(function() { 
$("log")text("Trigger Fire successfully."); 
}); 

$(".local").click(function() { 
$(".result").load("c:/refresh.html."); 
}); 

ちょうどあなたは、ユーザーがローカルクラスで要素をクリックすると、Ajaxリクエストがログメッセージが表示され、送信されたいくつかのidea.Whenを取得し、この例を通過します。

Answer 7

私には解決策があります。 showloaderというグローバルjs変数を設定します（デフォルトではfalseに設定されています）。あなたがajax呼び出しを行う前に、ローダーを表示したい機能のどれかをtrueに設定するだけです。

function doAjaxThing() 
{ 
    showloader=true; 
    $.ajax({yaddayadda}); 
} 

次に私は私の頭のセクションで次のようにしています。

$(document).ajaxStart(function() 
{ 
    if (showloader) 
    { 
     $('.loadingholder').fadeIn(200); 
    } 
});  

$(document).ajaxComplete(function() 
{ 
    $('.loadingholder').fadeOut(200); 
    showloader=false; 
}); 

Answer 8

使用beforeSendまたはこのようようなAJAX呼び出しで完全なコールバック関数..... ライブ例はこちら https://stackoverflow.com/a/34940340/5361795

ソースShoutingCode

Answer 9

使用ローカルスコープのAjaxイベント

   success: function (jQxhr, errorCode, errorThrown) { 
        alert("Error : " + errorThrown); 
       }, 
       beforeSend: function() { 
        $("#loading-image").show(); 
       }, 
       complete: function() { 
        $("#loading-image").hide(); 
       } 

です

Answer 10

optionsオブジェクトに属性があります。.ajax（）は、グローバルと呼ばれるものを取ります。

falseに設定すると、コールのajaxStartイベントはトリガーされません。

$.ajax({ 
     url: "google.com", 
     type: "GET", 
     dataType: "json", 
     cache: false, 
     global: false, 
     success: function (data) {