显示加载图像的窗口加载到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>
答
PHP运行之前DOM是可见的(因为DOM是在客户端和PHP是在服务器端当你看到页面,PHP是done),所以当需求发生时你什么都看不到(服务器仍在运行PHP-DOM不可见)。
您必须修改架构。例如,首先加载没有xxxxxxxxxxxx.php
的页面,然后通过AJAX调用获取xxxxxxxxxxxx.php
内容 - 当触发AJAX以获取页面时,显示加载图像。
答
移动从页面顶部的div
到body
内,然后将script
与淡出命令股利
答
最好的办法后,将使用AJAX调用来完成。
首先你加载你的加载页面,然后使用javascript你打电话给第二页,并用结果更新第一页。
你可以找到如何在这里做到这一点:Changing web page content using Ajax
谢谢@Alon_A。我喜欢简单的代码,ajax调用是很好的解决方案,但是我仍然在考虑它。谢谢你帮助我 – athene