我想显示等待动画,而我的php页面是从服务器获取数据


I want to display a waiting animation while my php page is fetching data from the server

我需要显示等待动画,而我的php页面是从服务器获取数据…怎么才能做到呢?

如果你使用的是jQuery Ajax那么你可以这样做

 $("#loading").ajaxStart(function () {
    $(this).show();
 });
 $("#loading").ajaxStop(function () {
   $(this).hide();
 });
html

<div id="loading" style="display:none;">
    Loading Please Wait....
    <img src="ajax-loader.gif" alt="Loading" />
</div>

从http://www.ajaxload.info/获取您的图像

也可以在这里看到重复-如何在jQuery中显示加载旋转器?

假设你的页面上有一个容器div来显示内容。

默认情况下,在其中显示加载动画图像,如下所示:

<div id="container" >
    Loading Please Wait....
    <img src="ajax-loader.gif" alt="Searching" />
</div>

查询获取过程完成,您的Html到内容准备就绪:

divinner HTML替换为页面内容

<div id="container" >
   Replace image with Page content after fetching data...
</div>