显示加载图像的窗口加载到DomContentLoaded

我有一个PHP页面，需要另一个PHP页面，页面似乎需要很长时间才能加载，所以我决定有一个加载图像，问题是图像几乎出现在整个页面加载而不是在页面加载时出现，我该如何解决这个问题？显示加载图像的窗口加载到DomContentLoaded

我的代码如下：

<?php 
    echo '<div id="mm">mm</div>'; 
    require_once('includes/xxxxxxxxxxxx.php'); ?> 
    <html> 
    <head> 
    <title>myiframe</title> 
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js">     
    </script> 
    <scriptsrc="http://cdnjs.cloudflare.com/ajax/l 
    ibs/modernizr/2.8.2/modernizr.js"></script> 

    <script tyep="text/javascript"> 
    $(window).load(function() { 
    // Animate loader off screen 
    $("#mm").fadeOut("slow"); 
    }); 
    </script> 
    <head> 

    <body> 
    </body> 
    </html>

来源

2016-12-07 athene

PHP运行之前DOM是可见的（因为DOM是在客户端和PHP是在服务器端当你看到页面，PHP是done），所以当需求发生时你什么都看不到（服务器仍在运行PHP-DOM不可见）。

您必须修改架构。例如，首先加载没有xxxxxxxxxxxx.php的页面，然后通过AJAX调用获取xxxxxxxxxxxx.php内容 - 当触发AJAX以获取页面时，显示加载图像。

来源

2016-12-07 11:09:49

移动从页面顶部的div到body内，然后将script与淡出命令股利

来源

2016-12-07 11:09:59 mulquin

最好的办法后，将使用AJAX调用来完成。

首先你加载你的加载页面，然后使用javascript你打电话给第二页，并用结果更新第一页。

你可以找到如何在这里做到这一点：Changing web page content using Ajax

来源

2016-12-07 11:10:38

谢谢@Alon_A。我喜欢简单的代码，ajax调用是很好的解决方案，但是我仍然在考虑它。谢谢你帮助我 – athene

显示加载图像的窗口加载到DomContentLoaded

回答

相关问题