gpt4 book ai didi

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

转载 作者:行者123 更新时间:2023-12-02 17:04:02 25 4
gpt4 key购买 nike

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

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

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

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

谢谢。

最佳答案

  1. 将用户重定向到加载页面 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/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com