Question

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

我的代码如下：

   <?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>

Answer 1

PHP在DOM可见之前运行（因为DOM在客户端，而PHP在服务器端。当你看到页面时，PHP 已完成），所以当需要发生时你没有看到任何东西（服务器仍在运行PHP - DOM不可见）。

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

Answer 2

将div从页面顶部移至body内，然后使用淡出命令移动script div < / p>

Answer 3

最好的方法是使用ajax调用。

首先加载您的加载页面，然后使用javascript调用第二页并使用结果更新第一页。

您可以在此处找到如何执行此操作：Changing web page content using Ajax

在窗口加载时显示加载图像，直到DomContentLoaded

3 个答案: