読者です 読者をやめる 読者になる 読者になる

ITの隊長のブログ

ITの隊長のブログです。いや、まだ隊長と呼べるほどには至っていないけど、日々がんばります。CakePHPとPlayFrameworkを使って仕事しています。最近はAngular2をさわりはじめたお(^ω^ = ^ω^)

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

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で使用できるメソッドでアクセスすることができます。あ、あとクロスドメインには注意してね。