使用效率包括在一个<div> </div>中显示不同的外部页面

时间:2014-04-28 07:43:03

标签: javascript html ajax

使用include在一个<div>中显示不同的外部网页效率更高吗?更有效率,我的意思是在加载页面的速度方面,与使用ajaxjavascript相比,效率更高。老实说,我更喜欢使用它,因为这是最简单的方法,我不太熟悉通过javascriptajax实现这一目标。

我目前有navigation <div>content <div>代码:

<div class="sidebar1">
    <ul class="nav" id="link_ul">
      <li><a href="#home">Home</a></li>
      <li><a href="#so">SO Reports</a></li>
      <li><a href="#po">PO Reports</a></li>
      <li><a href="#si">SI Reports</a></li>
      <li><a href="#comm">Comm Reports</a></li>
    </ul>
    <!-- end .sidebar1 --></div>
  <div class="content">
  <div id=home class=section>
  <?php 
  include("test3.php"); 
  ?>
  </div>
  <div id=so class=section>
  <?php 
  include("test2.php"); 
  ?>
  </div>
    <!-- end .content --></div>

1 个答案:

答案 0 :(得分:-1)

我会使用Ajax,因为它会异步加载。这样,用户可以在加载其余页面时与页面进行交互。 如果您使用的是jQuery,这可能非常简单:

<script>
$(function(){
    $("#home").load("test3.php");
    $("#so").load("test2.php");
});
</script>