☰

JSONとJSONPの違いは何ですか? 質問する

tag-icon • tag-icon json jsonp javascript
JSONとJSONPの違いは何ですか? 質問する

フォーマット、ファイルタイプ、実用面ではどうですか?

ベストアンサー1

JSONP はパディング付きの JSON です。つまり、先頭に文字列を配置し、その周りに括弧を 1 組配置します。例:

//JSON
{"name":"stackoverflow","id":5}
//JSONP
func({"name":"stackoverflow","id":5});

その結果、JSON をスクリプト ファイルとして読み込むことができます。 という関数を事前に設定しておけばfunc、スクリプト ファイルの読み込みが完了すると、その関数が 1 つの引数 (JSON データ) で呼び出されます。これは通常、JSON データを使用したクロスサイト AJAX を可能にするために使用されます。example.com が上記の JSONP の例のような JSON ファイルを提供していることがわかっている場合は、example.com ドメインにいなくても、次のようなコードを使用してそのファイルを取得できます。

function func(json){
  alert(json.name);
}
var elm = document.createElement("script");
elm.setAttribute("type", "text/javascript");
elm.src = "http://example.com/jsonp";
document.body.appendChild(elm);

おすすめ記事