javascript - 如何在我的案例中创建加载屏幕-6ren

javascript - 如何在我的案例中创建加载屏幕

转载作者：行者123 更新时间：2023-12-02 17:04:02

我的应用程序正在执行大量数据库查询，并且在执行此操作时它会将加载页面保持为空白。我想知道是否可以在查询期间显示加载图标。

<?php
    //large queries
    //if all queries pass
    //do the redirect
    header('Location: index.html');
    //else show login screen.
?>

<html>
    //show login screen….
</html>

我的问题是如何在php查询数据库时显示加载图标

谢谢。

最佳答案

将用户重定向到加载页面 2. 向实际内容脚本发出 ajax 请求(执行繁重的工作) 3. 内容准备好后，用实际内容替换部分加载页面

加载页面的示例:(index.php 返回页面的 body 元素的内容)


<script>
  $(document).ready(function() {
  $.get("index.php", function(data) {
    $("body").html(data);
    console.log("page was loaded");
  });
});
</script>
<html>
  <body>
    page is loading // <- shown while loading the page
  </body>
</html>

注意:上面的示例需要包含 jquery

关于javascript - 如何在我的案例中创建加载屏幕，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/25432996/