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

Question

有办法吗？

page1.php --有

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

索引.php --有

<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');
});

这会将 page1.php 中的#content 的内容注入(inject)当前页面的#main div。