【问题标题】:Website including pages/pages to my site网站,包括我网站的页面/页面
【发布时间】:2010-03-17 21:30:22
【问题描述】:

我在 index.html 上的网站是用 html+css 制作的,在我的 index.html 上我有这个 div id“内容”,您可以在其中将主要内容放入页面,并且菜单栏上有一个链接src 到 page2.php。当您按下链接时,它会转到 page2.php,但我希望它显示在

我不想使用框架.. 我应该在 index.php 上拆分我的设计,然后在 page2.php 上包含顶部和页脚吗?还是有其他方法

function test() {
var xhr = XMLHttpRequest();
xhr.onreadystatechange = function(){
   if(xhr.readystate==4 && xhr.status=200)
      document.getElementById('content').innerHTML = xhr.responseText;
};

xhr.open("GET", "start.php", false);
xhr.send(null);
}

<a href="start.php" onclick="test(); return false;">Hjem </a> | 

<div id="content" ></div>

【问题讨论】:

  • 为 Firefox 安装 Firebug 插件。更新了答案,检查一下。
  • 我猜 ajax 对你来说太难了。所以坚持你最了解的。换个时间试试。

标签: php html web


【解决方案1】:

使用 AJAX 将 HTTP GET 请求发布到 page2.php 并在 div 容器中显示结果(echo)。

有点像下面,(在 IE 中不起作用)

<script>
function test(){
   var xhr = XMLHttpRequest();
   xhr.onreadystatechange = function(){
      if(xhr.readystate==4 && xhr.status=200)
         document.getElementById('content').innerHTML = xhr.responseText;
   };

   xhr.open("GET", "page2.php", false);
   xhr.send(null);
}

</script>
Try AJAX online

【讨论】:

  • 你能举个例子吗,我说的“echo”只是一个例子。在page2.php上我有一个mysql查询,它显示了mysql数据库中表的一些信息
  • 我给了那个函数,名为“test”.. 现在我做了 点击我 但是它不起作用,page2.php 只是在新页面中打开,而不是在内容 ID 中
  • 是的,我现在就这样做了.. 仍然没有,只是打开一个新的.. 请检查更新后的问题以了解它的外观
  • @Azzyh:你需要在&lt;script&gt;标签中编写javascript代码。更新了答案检查一下。
  • 为 firefox 安装 Firebug 插件。
【解决方案2】:

就像您在问题中建议的那样,您应该考虑将 index.html 拆分为页眉和页脚。这将允许您的网站在没有 javascript 的情况下运行,并且您可能会发现它更容易或更有意义。

周围有一些相当不错的教程,例如 this one,但在谷歌上搜索 php header footer 会返回很多选项。

【讨论】:

    【解决方案3】:

    您可以使用XMLHttpRequest() 而不仅仅是"Hello this is a test",还可以将MySQL 数据库中的任何数据设置为&lt;div id="content"&gt;innerHTML。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2012-05-16
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2011-02-13
      相关资源
      最近更新 更多