ajaxローダー画像を添付

Question

これは簡単かもしれませんが、私のようなjqueryでない人にとっては厳しいです。ソースコードをdigginして、私はajaxスクリプトを思いついた。

showSpinnerと​​の機能は、それぞれAJAX進捗画像を表示し、非表示になります

$.post(webroot+'quickLookUp.php',{'format':'json','function':'Lookup','domain':$('.domain_name').val(),'tld':'.'+$('.domain_name_ext').val()}, 
function(data) 
{ 
    data = $.parseJSON(data); 
    if(data[0].result != 'Available') 
    // script here 
    else 
    // script here 
}); 

Answer 1

showSpinner(); 
$.post(webroot+'quickLookUp.php', {'format':'json','function':'Lookup','domain':$('.domain_name').val(),'tld':'.'+$('.domain_name_ext').val()}, 
function(data) 
{ 
    hideSpinner(); 
    ... 
}); 

を：私はどこか、どのように私はここにAJAXローダーイメージを追加することができます混乱しています。

そして、あなたは、現在のページのすべてのAJAX要求のためにこれをやってみたかった場合は使用でき$.ajaxSetup：

$.ajaxSetup({ 
    beforeSend: showSpinner, 
    complete: hideSpinner 
}); 

Answer 2

/*SHOW Loading Icon Here*/ 

$.post(webroot+'quickLookUp.php',{'format':'json','function':'Lookup','domain':$('.domain_name').val(),'tld':'.'+$('.domain_name_ext').val()}, 
function(data) 
{ 

    /*HIDE Loading Icon Here*/ 

    data = $.parseJSON(data); 
    if(data[0].result != 'Available') 
    // script here 
    else 
    // script here 
}); 

あなたはちょうどあなたが電話をかける前の画像を表示し、それを隠しますAJAXリクエストのコールバック関数。

（要求が行われたときに、それを隠す）また、常にAJAXリクエストが送信され、ローディング画像を表示するjQueryのグローバルAJAXのイベントを使用することができます

：ここでは

$.ajaxStart(function() { 
    /*SHOW Loading Icon*/ 
}).ajaxComplete(function() { 
    /*HIDE Loading Icon*/ 
}).post(...); 

は、jQueryのグローバルのドキュメントですAJAXイベントハンドラ： http://api.jquery.com/ajaxComplete/