JSONPでクロスドメイン突破 - web探検隊

広く知られていて、度々使う手法のJSONPなのですが。使う度に調べながら使うことになるので、まとめておこうと思いました。Ajaxで非同期通信Webアプリケーションがリッチになるに連れて、クライアントサイド(ブラウザ側)で、Javascript形式のデータ(JSON)を利用して処理を行うことが一般的になりました。JSON形式のデータを扱うにはJSONをページに埋め込んでおくAjaxでJSONを取得するという手法がとられます。非同期の通信を行うのであれば、AjaxによるJSON取得という手法が選ばれます。ですが、AjaxにはSame-Originポリシーが存在しており、ドメインをまたいだアクセスは出来ません。。つまり、yahoo.co.jpのページからAjaxを使用して、google.co.jpのサーバに存在しているJSON(JSONに限りません)を取得することはブラウザが許していません。そこ

[nikutaiha]

jsonp,ちゃんと書いてある

[sanata0130]

$.AjaxのdataType: 'jsonp'はなんなんだろう

[hanabi_hibana]

twitterAPIの結果を取得する方法

[mkomiya]

JSONP