Question

我的jQuery代码：

function sendAJAX(){
    $('[data-append="sb-new-user"]').load("/assets/templates/sidebaraddons/new_users.php");
}; 

$(document).ready(function(){
    sendAJAX();
});

我的HTML：

<div class="sb-new-user" data-append="sb-new-user">
</div>

最后，将显示.load（）部分加载到div中的内容，但在此之前，它应显示在.load（）成功后消失的加载器。

Answer 1

在HTML中添加加载图片并最初隐藏它。

在“sendAJAX”函数中，在调用“load”方法之前，通过调用jquery方法“show”或通过设置css属性或添加css类名来显示加载图像。

对jquery load方法使用以下语法：

$('[data-append="sb-new-user"]').load("/assets/templates/sidebaraddons/new_users.php", function() {
  //ITS A COMPLETE CALLBACK FUNCTION
  //HIDE THE LOADING IMAGE HERE
});

文档链接位于：http://api.jquery.com/load/

如何在使用ajax将PHP文件加载到DIV之前显示加载程序？

1 个答案: