getJSONで画像を読み込む

Question

getJSONでAJAXでデータを取得しながら読み込み画像を使いたいです。私は周りを見回してきましたが、これを行う正しい方法をまだ見つけていません。これを行う最善の方法は何ですか？その後、getJsonコールの前に

$.getJSON('file.php', function(json) { 
    $.each(json, function() { 

    // Retrieving data from json... 

    }); 
}); 

Answer 1

を表示するスピナーと応答した後、非表示が

$(".someSpinnerImage").show(); 
    $.getJSON('file.php', function(json) { 
     $.each(json, function() { 
      // Retrieving data from json... 

     }); 
     $(".someSpinnerImage").hide(); 
    }); 

Answer 2

を解析され、あなたがグローバル使用するを設定することができ、それはいつでもAJAXコールと呼ばれる内部になります作成されます。

$.ajaxStart(function() { 
    $("img#loading").show(); 
}); 

$.ajaxComplete(function() { 
    $("img#loading").hide(); 
}); 

Answer 3

.ajaxStart() documentation言う：jQueryの1.9のよう

、jQueryのグローバルAjaxのイベント、.ajaxStart（）メソッドで追加も含め ためのすべてのハンドラは、ドキュメントに を添付しなければなりません。 $.ajax()または$.ajaxSetup()がfalseに設定されたグローバルオプションを指定して呼び出された場合

、.ajaxStart()方法は発生しません。