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

Question

有没有办法做到这一点？

page1.php-有

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

index.php-有

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

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

我已经使用css-tricks网址中提供的代码完成了此操作：http : //css-
tricks.com/examples/DynamicPage/

但这使用哈希更改事件。我不想使用哈希功能，而只想使用加载内容功能，但是我似乎无法为此隔离代码，因为我认为它内置在bbq hashchange插件中。

有没有一种Ajax的方法？

就像是

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

Answer 1

只需在URL .load的第一个参数后放置一个过滤选择器：

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

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