页面加载时显示进度轮

2024-01-03

当用户等待时正在进行大量数据库和第 3 方 cURL 查询时,我需要一个进度轮来显示。

进度轮应该立即自行显示,还是应该在页面模板(而不是内容)加载后显示它?

我是否应该显示进度轮,直到页面的 HTML/javascript 加载完成,或者 PHP 加载完成?

如果您可以用原始代码展示大多数人是如何做到这一点的,那就太好了。我正在使用 jQuery,这是一个 PHP 网站。


显示进度条,直到 php 响应(返回值可能是 HTML 之一)没有加载到 javascript 中。

“我应该显示进度轮直到 页面的 HTML/javascript 已完成 加载,或者当 PHP 完成时 加载中?”

同意这种方法

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

<div class="loading">
</div>
<div id="container">
</div>



$('.loading')
    .hide()  // hide it initially
    .ajaxStart(function() {
        $(this).show();
    })
    .ajaxStop(function() {
        $(this).hide();
    });
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

页面加载时显示进度轮 的相关文章

  • 第三个下拉菜单不从数据库填充

    我有以下 Index php
  • 为什么验证不起作用并跳转到另一个页面?

    我写了一个customer display php来验证数据 到目前为止只有名字 但无论名字字段是否为空 网页都会跳转到customer search php并且没有更改数据库中的信息 为什么
  • jQuery mobile 中的文本区域高度和宽度?

    我修复了 jQuery mobile 中文本区域元素的高度 并且在纵向中得到了完美的高度和宽度 但在横向中宽度没有放大 谁能帮我 提前致谢 HTML
  • 如何在类似 MVC 的页面中加载基于漂亮 URL 的类?

    我想请教一些关于如何解决这个问题的提示 我正在尝试构建自己的 MVC 网站 我了解了 URL 的基础知识 http example com blog cosplay cosplayer expo today 博客 gt 控制器cosplay
  • PHP:读取字体文件的 TrueType/OpenType 元数据

    如何阅读字体详细信息 例如 字体在其元数据中包含版权 姓氏 设计者 版本等信息 我还希望脚本能够计算文件中的字形数量 并返回字体支持的语言 例如 典型的字体可能包含西方语言 瑞典语和罗马语言支持 并具有数百个字形 它应该支持 truetyp
  • 如何解码 eval( gzinflate( base64_decode(

    我已将此代码注入到我的网站中 如何解码尾随字符串 我需要知道发生了什么以及其背后的代码是什么 这应该输出将被执行的代码eval 我希望这就是您正在寻找的
  • 点击加载谷歌地图

    我想在单击链接后显示 Google 地图 我已经尝试过以下方法 当点击链接时 然后 Insert div与 id 链接后map 使用 jQuery 方法 getScript 加载 Google Maps API 添加谷歌地图到div带身份证
  • 简单的 jQuery(scrollTo 和 animate)在 IE 中不起作用

    我刚刚注意到一些简单的 jQuery 无法在移动版 IE9 和 IE10 上运行 我有一些版权链接和简单的滑动接触形式 它使用animate 我还结合使用scrollTo 插件和jQuery 我尝试了不同的版本 仍然没有解决 也许我错过了一
  • Laravel 5 中的自定义验证器

    我正在将 Laravel 应用程序从 4 升级到 5 但是 我有一个自定义验证器 但无法运行 在L4中 我做了一个验证器 php文件并将其包含在全局 php using require app path validators php 我尝试
  • 如何在 yii2 中使用两个不同的模型登录或切换身份类别?

    我想允许用户从两个不同的模型登录 配置文件 user gt identityClass gt app models User one more class here enableAutoLogin gt false authTimeout
  • WordPress 分页自定义帖子类型

    我有一个名为 新闻 的页面 使用页面模板page newslist php 它应该显示来自自定义帖子类型 也称为新闻 的帖子 我意识到两者具有相同的名称会导致问题 因此在注册自定义帖子类型时 我进行了重写以将其与页面区分开来 rewrite
  • fgetcsv 在特定行打开?

    有没有办法使用 fgetcsv 在特定行上打开 我有一个非常大的 csv 想通过 ajax 一次运行大约 100 行 我可以轻松停止 while 循环 但如何在特定行上打开 或者这是不可能的 从第 100 行开始读取没有简单的方法 但您可以
  • 为什么我的 if 语句没有按我预期的方式工作?

    我正在尝试实现以下目标 我向我的 SQL 数据库询问使用SELECT FROM subjects 这样做之后我要求使用数组mysqli fetch assoc 在那之前一切都很好 现在的问题是 当我尝试在每个循环中修改 genero 的值
  • 强制 Composer 下载 git repo 而不是 zip

    我对作曲家有一些问题 require php gt 5 3 2 kriswallsmith buzz 0 7 Repo https github com kriswallsmith Buzz tree v0 7 https github c
  • JavaScript 验证和 PHP 验证?

    我正在使用 jquery 验证插件来验证空表单 我还应该在 PHP 中检查一下以确保 100 正确吗 或者用 javascript 验证就可以了 谢谢 您应该始终在服务器上进行验证 如果用户以某种方式不使用 Javascript 提交表单
  • JavaScript 继承;调用和原型

    要在Javascript中实现继承 通常需要执行以下两个步骤 假设我有一个基类 Animal var Animal function name this name name 我现在想从中派生一个子类 Dog 所以我想说 var Dog fu
  • 如何在 OS X 上使用 OpenSSL 1.0.1 编译 PHP 5.5.19

    我已经安装了 OpenSSL 1 0 1j usr local ssl现在我尝试使用此版本的 OpenSSL 编译 PHP 5 5 19 这是我的配置过程 export CFLAGS arch x86 64 export CXXFLAGS
  • 如何在 Zend Framework 3 中注册自定义表单视图助手

    我正在将继承的 Zend Framework 2 应用程序迁移到 Zend Framework 3 并且在注册自定义表单视图助手时遇到了一些困难 这些助手在应用程序使用版本 2 时起作用 主要用于添加标签属性以实现可访问性 例如 这是一个自
  • 保存多对多关系,同步/附加不存在?

    我有以下两个多对多关系的模型 use Illuminate Database Eloquent Model class Permission extends Model The database table used by the mode
  • 没有输入的 jQuery 日期选择器

    我有一个相当复杂的网络应用程序 我想向其中添加一些日期选择 UI 我遇到的问题是我无法从文档中弄清楚如何真正控制日期选择器的出现方式和时间 不涉及任何表单元素 不 我不会添加秘密表单字段 因此简单的开箱即用方法根本行不通 我希望有人可以提供

随机推荐

  • NHibernate Future 对象图许多查询

    给定一个使用 Future 调用的多级对象图 var Dads db Session Query
  • jQuery 验证无法正常工作

    我需要在单击 div 按钮时触发此验证 如果验证成功 我希望它提醒 很好 不幸的是 尽管会触发验证并检查所有规则 但如果必填字段为空 则不会出错 不过 任何其他检查都会出错 最后 如果我正确填写字段并单击按钮 则不会发生任何情况 JS do
  • 当 Elasticsearch 索引的运行状况为黄色时,这意味着什么?

    我正在开发一个创建 N 个索引和 N 个别名的应用程序 并且这些索引和别名之间存在一一对应的关系 但偶尔 我会得到 N 个索引和 N 1 个别名 其中一个索引的名称本应由别名使用 由于某种原因 当发生这种情况时 虚假索引 应该是别名 的状态
  • 创建新站点时,如何告诉 IIS 6 将 .NET 版本设置为 2.0(而不是 1.1)?

    我们使用 IIS 管理器在 IIS 6 Windows Server 2003 中创建新站点 当这些站点在 IIS 6 中创建时 ASP NET 版本默认为 ASP NET 1 1 我们希望它默认为 ASP NET 2 0 这对我们来说是一
  • 如何将身份验证标头传递给 OData 服务

    我正在遵循以下描述的身份验证方法http blogs msdn com b astoriateam archive 2010 07 21 odata and authentication part 6 custom basic authen
  • getClass() 在基类的构造函数中报告哪个类

    在 Java 中 可以安全地假设getClass 在用作基类的类的构造函数中调用将提供有关派生类的信息 而不是基类的类的信息 它似乎有效 但我想这并不一定意味着它是安全的 例如 如果我有以下两个类 public class Parent p
  • Autofac:使用输入和输出类型参数解析变体类型

    这个问题是我之前问题的后续 Autofac 将多个逆变实现隐藏在一个组合后面 https stackoverflow com questions 7139054 autofac hiding multiple contravariant i
  • Windows 窗体 - 以透明度为背景的 PNG

    我正在开发一个小型个人项目 我需要创建一个具有阴影的非矩形窗口 更准确地说是一个圆形 尽管这可能会改变 如果表单将 png 设置为背景 我可以通过更改 Region 属性来获得圆形窗口 问题是窗口已对齐 PNG 的透明度不起作用 所以问题是
  • Picture.writeToStream() 未写出所有位图

    我在用着webview capturePicture 创建一个包含网页所有绘图对象的 Picture 对象 我可以使用以下方法成功将此 Picture 对象渲染为位图canvas drawPicture picture dst 没有问题 但
  • 在Java中将Key和Value添加到优先级队列并按Key排序

    我正在尝试获取字符串列表并将它们添加到带有键和值的优先级队列中 键是单词 值是单词的字符串值 然后我需要首先对具有最高字符串值的队列进行排序 优先级队列不允许我添加 2 个值 public static List
  • JavaScript,声明变量时语法混乱

    我最近在一本正在研究的 JavaScript 书中发现了以下代码行 var col top bottom 这是我第一次遇到一个变量似乎被赋予了三个变量 有人可以解释一下这行代码中发生了什么吗 它只是一个较短的版本 var col var t
  • Java 的 RAM 使用情况与任务管理器显示的不符

    我一直在玩Java的JVM 制作一个1024 3 基本上 1Gb 长度字节数组 我使用任务管理器 查看进程 和这个小片段测量了数组创建之前 之后以及数组被垃圾收集器销毁之后的 RAM 使用情况 public static void show
  • 使用wkhtmltopdf时如何处理ContentNotFoundError?

    有人可以告诉我如何解决以下问题吗 与以前的版本不同 wkhtmltopdf 没有传递代理信息 p 或 proxy 的选项 并且它也不使用系统 http proxy 和 https proxy env 变量 即使我为 libssl so 和
  • 应避免使用 flatDirs,因为它不支持任何元数据格式

    在 Android Studio 中构建时 我看到以下警告 应避免使用 flatDirs 因为它不支持任何元数据格式 我正在与本地打包的 aar 集成libs目录 是否有另一种集成方法 无需将以下有问题的块添加到我的build gradle
  • if comment.name == user 无法正常工作

    我希望用户能够删除他们写的评论 不幸的是 我无法让 if 语句发挥作用 if comment name user a href delete this comment a endif 所以我可以看到 user 和 comment name
  • Cocoa 脚本:接受并返回 NSData

    为了支持我的可编写脚本的 Mac 应用程序中的二进制数据交换 我希望能够使用 AS ObjC 桥接器以 NSData 形式接收和传递数据 如果可能的话 例如 我喜欢在 AppleScript 中实现以下代码 use framework Fo
  • 直接链接到 SWF 有哪些缺点?

    通常 Flash 和 Flex 应用程序使用以下组合嵌入到 HTML 中 object and embed标签 或更常见的是使用 JavaScript 但是 如果您直接链接到 SWF 文件 它将在浏览器窗口中打开 并且无需查看地址栏 您就无
  • 使用 Serde 反序列化时如何忽略额外的元组项? (“尾随字符”错误)

    Serde 在反序列化为常规结构时会忽略未知的命名字段 当反序列化为元组结构 例如来自异构 JSON 数组 时 如何同样忽略额外的项目 例如 此代码忽略额外的 c 字段就好了 derive Serialize Deserialize Deb
  • 当我尝试发出目标代码时,为什么 LLVM 出现段错误?

    我试图遵循有关编译器实现的 LLVM 教程 但当我尝试发出目标代码时 我的代码出现段错误 这是一个尝试编译函数的最小示例func 为了让事情变得简单 func是一个不执行任何操作的函数 include
  • 页面加载时显示进度轮

    当用户等待时正在进行大量数据库和第 3 方 cURL 查询时 我需要一个进度轮来显示 进度轮应该立即自行显示 还是应该在页面模板 而不是内容 加载后显示它 我是否应该显示进度轮 直到页面的 HTML javascript 加载完成 或者 P