php - 刷新前显示 DIV

标签 php jquery css

我有一个每 240 秒使用通用 HTML 元标记自动刷新的网页。在刷新过程中,它会从数据库中提取数据,这需要大约 15 到 20 秒的时间来构建网站,然后才会显示给用户。在此期间,我希望显示一个带有加载消息的小 DIV,告诉用户它正在加载数据。 更复杂的是,用户有几个菜单选项可以从数据库中过滤出特定数据。单击此类选项时,页面会再次重新加载并需要 15 到 20 秒的时间来构建。

不熟悉此加载时间的用户可能会觉得需要在几秒钟内一遍又一遍地单击相同的菜单选项,希望页面加载速度更快。但它很可能会导致数据库服务器因请求而重载。

因此,为了解决这个问题,我希望使用 jQuery 来显示加载消息,然后让它从数据库加载数据(使用 PHP 脚本),最后将数据转储到页面上。

我做过类似的事情,但仅限于用户点击一个链接,这会导致 jQuery 脚本加载数据,同时显示等待的 DIV(使用 CSS 规则)。

我不知道如何实现这个自动刷新解决方案。

一些帮助会很好。

最佳答案

您也可以使用与自动刷新相同的解决方案,并提到初始页面加载不包含需要数据库调用的数据,而是显示加载消息并启动对服务器的 AJAX 调用返回数据的辅助脚本。

您的页面加载:

  1. 要求
  2. 服务器查询数据库
  3. 数据库响应
  4. 页面加载(带数据)

理想的页面加载:

  1. 要求
  2. 页面加载(无数据)<- 在此处加载消息
  3. AJAX 调用
  4. 服务器查询数据库
  5. 数据库响应
  6. 页面更新(带数据)

关于php - 刷新前显示 DIV,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19636240/

相关文章:

php - 在线酒店预订系统,同时预订?

jquery - 单击嵌套元素时防止切换

javascript - 使用 jQuery 从 DOM 中删除 SVG 元素

jquery - 在选择选项时选择重定向到 html 页面

javascript - 淡出和淡入过渡不适用于 ng-hide

php - 按 id=1 排序的学说

php - 从 php 访问 python 脚本中的函数

css-transitions - 绝对定位和相对定位之间的 CSS 转换

php - 如何在没有 GD 的情况下在 PHP 中合并两个图像?

javascript - 在动态创建的表格上使用 CSS 和 JQuery 的最佳实践