当我从数据库中获取一些信息时，如何显示ajax-loading？

Question

我将jQuery用于Ajax通过此代码，它可以正常使用

$.ajax({
                type : 'POST',
                url: 'http://localhost/msite/index.php/site/ajax',
                data : catdata,
                success : function (msg){
                    $('body').html(msg);
                }
                });

但我想在从数据库中获取该信息时显示ajax-loading gif？

并且，那样secure或者我必须为它添加一些安全性吗？

Answer 1

$('body').html("<img src='spin.gif' />").fadeIn(100, function () {
   $.ajax({
    type: 'POST',
    url: 'http://localhost/msite/index.php/site/ajax',
    data: catdata,
    success: function (msg) {
        $('body').html(msg);
      }
    });
});

Answer 2

如果您在服务器上使数据库查询同步，那么只要请求正在处理，您的Ajax就会旋转，包括数据库查询和服务器请求/响应往返。

Answer 3

我相信你必须在jQuery中自己做这件事。在页面上创建一个隐藏的图像，在调用ajax命令之前调用.show（）并确保在complete事件中调用.hide（）...

complete: function () {
    $("#ticker").hide();
}

您可以从ajaxload.info下载合适的图片。