GetJSON ile yükleme resmi gösteriliyor

Question

GetJSON ile AJAX aracılığıyla veri alırken bir yükleme görüntüsü kullanmak istiyorum. Etrafa baktım ama henüz bunu yapmanın uygun bir yolunu bulamadım. Bunu yapmanın en iyi yolu nedir?

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

    // Retrieving data from json... 

    }); 
}); 

Answer 1

göster spinner getJSON çağrısından önce ve sonra tepki küresel kullanılmak üzere

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

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

Answer 2

yapabilirsiniz yapılandırmak ayrıştırılır sonra gizlemek, o zaman bir ajax çağrı denilen içten olacak yapılmış.

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

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

Answer 3

.ajaxStart() documentation diyor ki:

jQuery 1.9 itibariyle, , .ajaxStart() metodu ile eklenen olanlar dahil jQuery küresel Ajax olayları için tüm işleyicileri belgelemek için eklenmelidir. $.ajax() veya $.ajaxSetup() false olarak ayarlanmış küresel seçeneği ile çağrılmış ise

, .ajaxStart() yöntem tetiklenmeyecek.