ホームページ > ウェブフロントエンド > jsチュートリアル > JSON と JSONP: 形式、ファイル タイプ、使用例における主な違いは何ですか?

JSON と JSONP: 形式、ファイル タイプ、使用例における主な違いは何ですか?

Mary-Kate Olsen
リリース: 2024-11-28 22:49:13
オリジナル
726 人が閲覧しました

JSON vs. JSONP: What are the Key Differences in Format, File Type, and Use Cases?

JSON と JSONP: 形式、ファイル タイプ、および実用的なアプリケーション

JSONP とは正確には何ですか?

JSONP、またはパディング付き JSON とは、クロスサイト AJAX リクエストを可能にする JSON の拡張バージョン。以下の例に示すように、かっこで囲まれた文字列で構成されます。

//JSON
{"name":"stackoverflow","id":5}
//JSONP
func({"name":"stackoverflow","id":5});
ログイン後にコピー

形式の違い

JSON データは通常文字列として保存されますが、JSONP は関数呼び出し内にカプセル化されます。 。これにより、スクリプト ファイルとしてロードできるようになります。

ファイル タイプの違い

JSON と JSONP はどちらも「.json」ファイル拡張子を共有します。

実用上の違い

クロスサイト AJAX: JSONP では、次の間の AJAX リクエストが可能になります。異なるドメイン。これは、スクリプト ファイルの読み込みが完了した後に JSON データを処理する関数をセットアップすることで実現されます。

たとえば、example.com が前に示した形式で JSONP ファイルを提供している場合、次のコードを使用して、 Web サイトが 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);
ログイン後にコピー
でホストされていない場合でも、そのドメインからデータを取得します。

以上がJSON と JSONP: 形式、ファイル タイプ、使用例における主な違いは何ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート