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

@Satoh_D no blog

大分にUターンしたので記念に。調べたこととか作ったこととか食べたこととか

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

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

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

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);
      }
   )}  
});  

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

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