$.getScriptを使うとJavaScriptを読み込むことができるのでJSONPを読み込んで利用することができます(JSONPファイルのデータをJavaScriptを利用して表示する)。
※あくまでJSONPを利用できるだけであって、JSONPを使うときは他のメソッドや仕組みを利用したほうが良いです。
jsonp.js
mycallback({ "title": "jsonp", "description": "jsonp test" })
getscript.html
上のjsonp.jsのJSONP形式のデータを$.getScriptでロードすると「function mycallback(data)」が呼び出されて実行されます。
そのあと$.getScriptの第2引数の関数にjsonp.jsの内容がそのままわたされるので、これをJSONとして処理した後オブジェクトにしてアラートで表示しています。
function mycallback(data) { //処理コード } $(function() { $.getScript("http://localhost/jsonp.js", function(data){ data = data.replace("mycallback(", ""); data = data.replace(")", ""); data = data.replace(/\s+/g, ""); var data = JSON.parse(data); alert(data.title); }); });
スポンサーリンク
コメント