網站包括我的網站的頁面/頁面

我有我的網站上的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>

來源

2010-03-17 Karem

安裝Firefox的Firebug插件。更新答案，檢查它。 – 2010-03-17 22:25:12

我想阿賈克斯對你來說太難了。所以堅持你最瞭解的東西。嘗試一些其他時間。 – 2010-03-17 22:46:55

就像你在你的問題中提出的建議，你應該考慮將index.html拆分成頁眉和頁腳。這將允許您的網站在沒有JavaScript的情況下工作，並且您可能會發現它更容易或更有意義。

有一些相當不錯的教程，如this one，但使用谷歌搜索php header footer返回的選項很多。

來源

2010-03-17 22:10:31

使用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

來源

2010-03-17 21:41:14

你能舉一個例子，我說的「回聲」只是一個例子..在page2.php我有一個mysql查詢，顯示一些信息從mysql數據庫中的表 – Karem 2010-03-17 21:54:55

我給了一個函數，名爲「測試」 ..現在我做click me，但它不會工作，page2.php只是在一個新的頁面打開，而不是在內容ID – Karem 2010-03-17 22:04:20

是ive現在做..但仍然沒有，只是在一個新的.. 檢查更新的問題它如何看起來 – Karem 2010-03-17 22:13:07

您可以使用XMLHttpRequest()不僅"Hello this is a test"，但你也可以從你的MySQL設置的任何數據數據庫到<div id="content"> innerHTML。

來源

2010-03-17 21:49:38 Simon

網站包括我的網站的頁面/頁面

回答

相關問題