页面加载时显示进度轮

当用户等待时，我需要一个进度轮来显示很多数据库和第三方cURL查询。

进度轮应该立即显示，还是应该在页面模板（但不是内容）加载后显示？

我应该显示进度轮，直到页面的HTML / javascript完成加载，或PHP完成加载？

如果你能用原始代码展示大多数人如何做到这一点，那就太好了。 我正在使用jQuery，这是一个PHP站点。

Answer 1

显示进度条直到，php响应（返回值可能是HTML一）未加载到javascript中。

“我应该在页面的HTML / javascript加载完成之前显示进度轮，还是在PHP加载完成之后？”

这个方法是对的

加载完成后，使用jquery隐藏加载并将内容放入容器类。

 
 
 
 $('.loading') .hide() // hide it initially .ajaxStart(function() { $(this).show(); }) .ajaxStop(function() { $(this).hide(); }); 

Answer 2

这是一种非常常见的技术，该过程相当标准。 您只想在即将发出请求时显示图形。 这意味着将图形设置为在CSS中不显示。 这明显优于使用JavaScript以实现兼容性和性能优势。

你可以看到我在这里创建了一个加载图形，在jQuery中添加，并绑定了一个异步事件，在任意点击时发生。 在建立连接之前显示图形，然后在请求完成时隐藏图形。 如果响应错误，则使用完整。