jQueryでスクレイピングをしたいなら「jquery.xdomainajax.js」が便利

他サイトの情報をスクレイピングして表示させるのを仕事でやった時のメモ。

同一ドメイン間では.load()で出来るんだけど、今回は別ドメインの情報を取得するため.load()が使用できない...。どうしたものかと思い、調べていたら「jquery.xdomainajax.js」が出来るということで使用してみました。

• Javascriptスクレイピング！jquery.xdomainajax.js-ITかあさん
• JavaScriptで外部サイトのファイルを取得するためのTips - NAVER まとめ

jquery.xdomainajax.jsの使い方

まず、jQuery本体とjquery.xdomainajax.jsを読み込みます。

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.xdomainajax.js"></script>

あとは読み込みたいページのURLを指定し、.ajax()で取得します。

$(function() {  
   $.ajax{  
    　url : ”http://www.hogehoge.com/foo.php",
      type : "GET",  
      success : function(data){
        // 読み込んだデータを加工する
        // ex: $('body').append(data.resonseText);
      }
   )}  
});  

これで別サイトのデータを取得し、自サイトのページに表示させることが出来ます。

意外と簡単に出来てよかった...。