JavaScriptで外部サイト(別ドメイン)のファイルを取得しようとすると、crossdomainの制約にひっかかってエラーとなります。
そこでCross-Domain-Ajaxプラグインを使用します。
これはYahoo Query Language (YQL)を使用してクロスドメインの壁を越えようというものです
(ですのですべてのサイトのデータが取得できるわけではありません)
https://github.com/padolsey/jQuery-Plugins/blob/master/cross-domain-ajax/jquery.xdomainajax.js
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jquery.xdomainajax.js"></script>
<script type="text/javascript">
uri = 'http://www.yahoo.co.jp/';
$.get(uri, function(data){
alert(data.responseText);
});
</script>
appid は各自用意してください。 ajaxメソッドを呼び出していますが、【type:'POST'】は使用出来ません。 【type:'GET'】の時のみ正常に動作します。
// Cross Domain Ajax ajax()メソッド
jQuery.ajax({
url: 'http://jlp.yahooapis.jp/KeyphraseService/V1/extract',
type: 'GET',
data: {
appid : 'XXXXXXXXXX',
sentence : '庭には二羽鶏がいる',
output : 'json'
},
success: function(data) {
alert( jQuery(data.responseText).text() );
}
});
簡単ですね。 おすすめです。