我希望在我的php页面从服务器获取数据时显示等待的动画

Question

在我的应用程序中,我需要显示一个等待动画,而我的php页面是从服务器获取数据...

由于需要更多时间来进行操作......

任何人都可以用一些简单的方法帮助我做到这一点......

提前致谢

~Urs Ravi

Answer 1

如果你正在使用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>

我们可以在默认答案中停止jQuery.jQuery不是JavaScript,不是标准.最好是更加通用的IMO,而不是强制使用特定的库.同样,如果您提到mootools,dojo或原型,那将是同样的问题,有时最简单是最好的. (5认同)
好吧,因为他将他的问题标记为jQuery我认为jQuery解决方案是可以接受的,但如果你想提供另一种选择.无论如何,直到Raviraja回来并回答Arihant的问题,这只是一个可能或可能不起作用的例子,取决于Rav正在做什么. (4认同)
ajaxload.info上的道具提及，漂亮的小网站 (2认同)

Answer 2

假设您的页面上有容器div来显示内容.

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

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

随着查询提取过程完成,您Html的内容已准备就绪:

替换div和inner HTML页面内容.

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