使用Ajax / jQuery將外部頁面中的內容加載到另一個頁面

Question

有沒有辦法做到這一點？

page1.php - 有

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

index.php - 有

<div id="main">
</div>

我可以以某種方式從content div中的page1.php中獲取數據並將其加載到我的index.php中的main div中嗎？

我已經使用css-tricks網址提供的代碼完成了這項工作： http ： //css-tricks.com/examples/DynamicPage/

但這會使用哈希更改事件。 我不想使用散列特性，只是加載內容功能，但我似乎無法隔離代碼，因為我認為它內置於bbq hashchange插件中。

有Ajax方式嗎？

就像是

$(selector).find('#main').load('#content');

Answer 1

只需在.load的第一個參數中的URL后面添加一個過濾選擇器：

$(document).ready(function() {
    $("#main").load('page1.php #content');
});

這將在當前頁面中注入#main div，其中包含來自page1.php的#content內容。