2010-03-17 138 views
0

我有我的网站上的index.html在html + CSS中,在我的index.html我有这个div ID“内容”,你把主要内容放在页面,并且在菜单栏中有一个与page2.php相关的链接。当你点击链接时,它会转到page2.php,但我希望它在< div内容中显示。 在第2页,我有你好这是一个测试,在回声..网站包括我的网站的页面/页面

我不想使用框架..我应该分割我的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> 
+0

安装Firefox的Firebug插件。更新答案,检查它。 – 2010-03-17 22:25:12

+0

我想阿贾克斯对你来说太难了。所以坚持你最了解的东西。尝试一些其他时间。 – 2010-03-17 22:46:55

回答

0

就像你在你的问题中提出的建议,你应该考虑将index.html拆分成页眉和页脚。这将允许您的网站在没有JavaScript的情况下工作,并且您可能会发现它更容易或更有意义。

有一些相当不错的教程,如this one,但使用谷歌搜索php header footer返回的选项很多。

1

使用AJAX来发布HTTP GET请求使page2.php并显示在div容器的结果(回波)。

有点像以下,(不会在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
+0

你能举一个例子,我说的“回声”只是一个例子..在page2.php我有一个mysql查询,显示一些信息从mysql数据库中的表 – Karem 2010-03-17 21:54:55

+0

我给了一个函数,名为“测试” ..现在我做click me,但它不会工作,page2.php只是在一个新的页面打开,而不是在内容ID – Karem 2010-03-17 22:04:20

+0

是ive现在做..但仍然没有,只是在一个新的.. 检查更新的问题它如何看起来 – Karem 2010-03-17 22:13:07

0

您可以使用XMLHttpRequest()不仅"Hello this is a test",但你也可以从你的MySQL设置的任何数据数据库到<div id="content"> innerHTML。