jQuery 他ページのコンテンツを取得する

Ajax

jQueryを使って他のページのコンテンツを読み込んで表示させる方法です。
動的なサイトにすることもできるし、SSI的に使えますね。

/inc/menu.htmlを読み込んで、Webページの

内に表示したい場合

jQueryを読み込んでからmenu.jsという外部ファイルを作って次のように記述します。

 window.onload = function() {
 $("#menu").load("/inc/menu.html");
 }

参考:jQuery Ajax/load
http://docs.jquery.com/Ajax/load#urldatacallback

jQuery日本語チュートリアル
http://docs.jquery.com/Tutorials#.E6.97.A5.E6.9C.AC.E8.AA.9E.E3.83.81.E3.83.A5.E3.83.BC.E3.83.88.E3.83.AA.E3.82.A2.E3.83.AB

カテゴリーAjax

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です