Ajax/jQueryを使用して外部ページのコンテンツを別のページにロード

Question

これを行う方法はありますか？

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

のindex.php --hasが

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

私は何とかcontentのdivの内側page1.phpからデータを取得し、それを読み込むことができます

page1.php --has index.phpのmain divに移動しますか？

私は、CSS-トリックの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要素を注入します#content from page1.php。