Question

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

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

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

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

感谢。

Answer 1

将用户重定向到加载页面2.向实际内容脚本发出ajax请求（执行繁重）3。内容准备就绪时用实际内容替换部分加载页面

加载页面的示例:( index.php返回页面的body -element的内容）


<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

如何在我的情况下创建加载屏幕

1 个答案: