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

Javascript 如何在我的案例中创建加载屏幕,javascript,php,loading,Javascript,Php,Loading,我的应用程序正在进行大量的数据库查询,并且在执行此操作时将加载页面保持为白色。我想知道在查询过程中是否可以显示加载图标 <?php //large queries //if all queries pass //do the redirect header('Location: index.html'); //else show login screen. ?> <html> //show login screen…. &

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

<?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-element内容)

    
    $(文档).ready(函数(){
    $.get(“index.php”,函数(数据){
    $(“body”).html(数据);
    日志(“页面已加载”);
    });
    });
    
    页面正在加载//正如@PatrickQ所说,或者您可以创建一个只显示加载屏幕的页面,然后从该页面重定向到长加载页面。使用
    ob_flush
    在运行query@PatrickQ如何使用ajax检测php加载?当(登录?)页面加载时,显示加载图标,然后触发一个ajax请求,该请求将执行“大型查询”。您可以在加载任何其他内容之前执行此操作,也可以加载常规登录内容,只需将加载图标放在上面即可。如果查询通过,则重定向。如果没有,隐藏加载图标并显示您的登录内容(如果您还没有)。