ITの隊長のブログ

ITの隊長のブログです。Rubyを使って仕事しています。最近も色々やっているお(^ω^ = ^ω^)

【jQuery】同じドメインで他ページのhtmlをごっそり取得したい

スポンサードリンク

他ページのhtmlを取得してheaderとかfooterとかside naviとかを取得したい場合

var html; // 空変数を用意
var url = 'http://www.example.com/';
$.get(url, function(data) {
  html = $('<div>').html(data); // divの中につっこむ
  console.log(html);
});

こうしたらできた。

htmlを$('<div>')の中に突っ込まないといけないのがちょっとめんどい。また、構文的にはアウトだから本当だったら取得したデータをそのままDom化できればいいんだけど...

とりあえず変数htmlfind()したり、jQueryで使用できるメソッドでアクセスすることができます。あ、あとクロスドメインには注意してね。