Question

我想在使用getJSON通过AJAX检索数据时使用加载图像。我一直在四处寻找但尚未找到合适的方法。这样做的最佳方式是什么？

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

    // Retrieving data from json...

    });
});

Answer 1

在getJson调用之前显示微调器，然后在解析响应后隐藏

 $(".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（）方法的必须附加记录。

如果在全局选项设置为false的情况下调用$.ajax()或$.ajaxSetup()，则.ajaxStart()方法将不会触发。

显示使用getJSON加载图像

3 个答案: