Question

我正在使用ajax，有时需要时间从我的数据库加载所有数据，因此我需要找到一种显示方式（正在加载...），而数据还没有完成。下面是我的示例代码，我正在寻找一些事件，而数据仍在处理中。

$.ajax({
   type: "POST",
   url: "some.php",
   data: "name=John&location=Boston",
   success: function(data){
     $('#para').html(data);
   }
 });

Answer 1

很简单..

在你打电话给ajax之前开始你的加载图片..＆amp;成功后隐藏图像例如：

$.fancybox.showLoading();
$.ajax({
   type: "POST",
   url: "some.php",
   data: "name=John&location=Boston",
   success: function(data){
     $.fancybox.hideLoading();
     $('#para').html(data);
   }
});

这里

$。fancybox.showLoading（）

是我的函数，其中我具有显示加载器的属性，

Answer 2

每当进行ajax调用时，这将是内部调用。

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

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

<强> HTML

<img src="../images/loading.gif" alt="wait" id="loading"/>

Answer 3

<div id="loading">LOADING...</div>

var loading = $("#loading");

loading.hide();

function doAjax() {
    loading.show();
    $.ajax({
        url: "/js/beautifier.js",
        success: function (data) {
            loading.hide();
        }
    });
}

doAjax();

on jsfiddle

使用Ajax方法检索数据时显示加载

3 个答案: