使用Ajax / jQuery将外部页面中的内容加载到另一个页面

Question

有办法做到这一点吗？

page1.php中 --has

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

的index.php --has

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

我可以以某种方式从content div中的page1.php中获取数据并将其加载到我的index.php中的main div中吗？

我使用css-tricks url：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的内容。