使用ajax加載網頁在幾個部分

Question

我想加載一個網頁在幾個部分，也許使用jQuery的ajax或只是簡單的JavaScript AJAX函數，使用戶可以開始與網頁進行交互，而無需等待整個頁面加載。就像Gmail一樣。

我該怎麼做到這樣的事情？

Answer 1

通常你需要專用一些div容器來插入動態加載的內容。

<div id="header"></div> 
<div id="content"></div> 
<div id="sidebar"></div> 
<div id="footer"></div> 

然後您可以在啓動時加載其他頁面。

$(function(){ 
    $('#content').load('content.php'); 
    $('#content').load('sidebar.php'); 
}); 

當然這只是一個開始。您必須檢查加載和重試時的錯誤。同樣使用散列值，您可以動態加載內容&側欄。等等。