JSONPとは何か、JSONとJSONPの関係と違いを詳しく解説-jsチュートリアル-php.cn

ホームページ

ウェブフロントエンド

jsチュートリアル

JSONPとは何か、JSONとJSONPの関係と違いを詳しく解説

伊谢尔伦

Nov 22, 2016 pm 01:16 PM

ajax php

AJAX に関して言えば、必然的に 2 つの疑問に直面するでしょう

1 つ目は、AJAX がデータの交換にどのような形式を使用するかということです。

2 つ目は、クロスドメイン要件を解決する方法です。

これら 2 つの問題には現在、さまざまな解決策があります。たとえば、データはカスタム文字列または XML で記述でき、クロスドメインの問題はサーバー側プロキシを通じて解決できます。

しかし、これまでのところ、最も推奨または推奨されるソリューションは、JSON を使用してデータを送信し、JSONP に依存してドメインを越えることです。それがこの記事の内容です。

JSON と JSONP の間には 1 文字の違いがありますが、実際にはまったく同じものではありません。JSON はデータ交換形式であるのに対し、JSONP は開発者の創意工夫によって作成された非公式のクロスドメイン形式です。。最近人気のスパイ映画に例えてみましょう。JSON は地下組織が情報を記述して交換するために使用する「コード」であり、JSONP はコードで記述された情報を仲間に送信するために使用される接続方法です。あなたは見ましたか？ 1 つは情報の形式を記述することであり、もう 1 つは情報を送信するために双方が合意した方法です。

JSONとは何ですか?

前に簡単に説明したように、JSON はテキストベースのデータ交換方法、またはデータ記述形式です。それを選択するかどうかに関係なく、まずその利点に注意を払う必要があります。

JSON の利点:

プレーンテキストに基づいており、クロスプラットフォーム送信が非常に簡単です。

Javascript ネイティブサポート、ほとんどすべてのバックエンド言語がサポートされています。

占有文字数が非常に少ない軽量のデータ形式で、特に次のような用途に適しています。インターネット送信;

XML ほど明確ではありませんが、適切なインデントの後でも識別は容易です

データ構造を知っていれば、もちろん、JSON の欠点もあります。ありますが、著者の意見では、実際には重要ではないため、個別に説明しません。

JSON の形式またはルール:

JSON は、XML で実行できることはすべて実行できるため、クロスプラットフォームという点では完全に同等です。

JSON には、中括弧 {} と角括弧 [] の 2 つのデータ型記述子しかありません。残りの英語のコロンはマッピング文字、英語のカンマは区切り文字、英語の二重引用符 "" は定義文字です。

中括弧 {} は「異なるタイプの順序付けされていないキーと値のペア」のセットを説明するために使用され (各キーと値のペアは OOP 属性の説明として理解できます)、角括弧 [] は一連の「タイプのキーと値のペア」を説明するために使用されます。「異なるタイプの順序付けされていないキーと値のペア」。「順序付けされたデータコレクション」（OOP に対応できる配列）。

上記 2 つのセットに複数のサブ項目がある場合は、カンマで区切る必要があります。

キーと値のペアは英語のコロン: で区切られており、さまざまな言語での解析を容易にするために、キー名に英語の二重引用符 "" を追加することをお勧めします。

JSON 内で一般的に使用されるデータ型は、文字列、数値、ブール値、日付、および null だけです。文字列は二重引用符で囲む必要があり、残りは使用されません。日付型は非常に特殊なので、使用しません。ここでは詳細を説明しません。クライアントが日付による並べ替え機能を必要としない場合は、日付と時刻を文字列として直接渡すだけで、多くの手間が省けます。

JSON の例

// 描述一个人
var person = {
    "Name": "Bob",
    "Age": 32,
    "Company": "IBM",
    "Engineer": true
}
// 获取这个人的信息
var personAge = person.Age;
// 描述几个人
var members = [
    {
        "Name": "Bob",
        "Age": 32,
        "Company": "IBM",
        "Engineer": true
    },
    {
        "Name": "John",
        "Age": 20,
        "Company": "Oracle",
        "Engineer": false
    },
    {
        "Name": "Henry",
        "Age": 45,
        "Company": "Microsoft",
        "Engineer": false
    }
]
// 读取其中John的公司名称
var johnsCompany = members[1].Company;
// 描述一次会议
var conference = {
    "Conference": "Future Marketing",
    "Date": "2012-6-1",
    "Address": "Beijing",
    "Members": 
    [
        {
            "Name": "Bob",
            "Age": 32,
            "Company": "IBM",
            "Engineer": true
        },
        {
            "Name": "John",
            "Age": 20,
            "Company": "Oracle",
            "Engineer": false
        },
        {
            "Name": "Henry",
            "Age": 45,
            "Company": "Microsoft",
            "Engineer": false
        }
    ]
}
// 读取参会者Henry是否工程师
var henryIsAnEngineer = conference.Members[2].Engineer;

ログイン後にコピー

JSON については以上です。詳しくは、開発プロセス中の情報を参照してください。

JSONPとは何ですか?

まず、JSONP がどのように誕生したかについて話しましょう:

実際、インターネット上には JSONP についての説明がたくさんありますが、それらはすべて同じであり、初めて使用する多くの人にとっては少し難しいです。理解してください。自分なりの方法で問題を説明して、役立つかどうかを確認してください。

一般的なファイルに対する Ajax の直接リクエストには、静的ページ、動的 Web ページ、Web サービス、WCF のいずれであっても、クロスドメインの不正アクセスの問題が存在することがよく知られています。クロスドメインリクエストは許可されていません

しかし、Web ページ上で js ファイルを呼び出す場合、それがクロスドメインであるかどうかに影響されないこともわかりました (それだけでなく、すべてのタグがクロスドメインであることもわかりました) 「src」属性には、

ホットAIツール

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

脱衣画像を無料で

Clothoff.io

AI衣類リムーバー

AI Hentai Generator

AIヘンタイを無料で生成します。

ホットツール

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

中国語版、とても使いやすい

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

神レベルのコード編集ソフト（SublimeText3）

ホットトピック

Gmailメールのログイン入り口はどこですか？

7564

CakePHP チュートリアル

1386

Steamのアカウント名の形式は何ですか

Win11 Activation Key Permanent

NYTの接続はヒントと回答です

100

Related knowledge

Ubuntu および Debian 用の PHP 8.4 インストールおよびアップグレードガイド Dec 24, 2024 pm 04:42 PM

PHP 8.4 では、いくつかの新機能、セキュリティの改善、パフォーマンスの改善が行われ、かなりの量の機能の非推奨と削除が行われています。このガイドでは、Ubuntu、Debian、またはその派生版に PHP 8.4 をインストールする方法、または PHP 8.4 にアップグレードする方法について説明します。

PHP 開発用に Visual Studio Code (VS Code) をセットアップする方法 Dec 20, 2024 am 11:31 AM

Visual Studio Code (VS Code とも呼ばれる) は、すべての主要なオペレーティングシステムで利用できる無料のソースコードエディター (統合開発環境 (IDE)) です。多くのプログラミング言語の拡張機能の大規模なコレクションを備えた VS Code は、

今まで知らなかったことを後悔している 7 つの PHP 関数 Nov 13, 2024 am 09:42 AM

あなたが経験豊富な PHP 開発者であれば、すでにそこにいて、すでにそれを行っていると感じているかもしれません。あなたは、運用を達成するために、かなりの数のアプリケーションを開発し、数百万行のコードをデバッグし、大量のスクリプトを微調整してきました。

PHPでHTML/XMLを解析および処理するにはどうすればよいですか？ Feb 07, 2025 am 11:57 AM

このチュートリアルでは、PHPを使用してXMLドキュメントを効率的に処理する方法を示しています。 XML（拡張可能なマークアップ言語）は、人間の読みやすさとマシン解析の両方に合わせて設計された多用途のテキストベースのマークアップ言語です。一般的にデータストレージに使用されます

JSON Web Tokens（JWT）とPHP APIでのユースケースを説明してください。 Apr 05, 2025 am 12:04 AM

JWTは、JSONに基づくオープン標準であり、主にアイデンティティ認証と情報交換のために、当事者間で情報を安全に送信するために使用されます。 1。JWTは、ヘッダー、ペイロード、署名の3つの部分で構成されています。 2。JWTの実用的な原則には、JWTの生成、JWTの検証、ペイロードの解析という3つのステップが含まれます。 3. PHPでの認証にJWTを使用する場合、JWTを生成および検証でき、ユーザーの役割と許可情報を高度な使用に含めることができます。 4.一般的なエラーには、署名検証障害、トークンの有効期限、およびペイロードが大きくなります。デバッグスキルには、デバッグツールの使用とロギングが含まれます。 5.パフォーマンスの最適化とベストプラクティスには、適切な署名アルゴリズムの使用、有効期間を合理的に設定することが含まれます。

母音を文字列にカウントするPHPプログラム Feb 07, 2025 pm 12:12 PM

文字列は、文字、数字、シンボルを含む一連の文字です。このチュートリアルでは、さまざまな方法を使用してPHPの特定の文字列内の母音の数を計算する方法を学びます。英語の母音は、a、e、i、o、u、そしてそれらは大文字または小文字である可能性があります。母音とは何ですか？母音は、特定の発音を表すアルファベットのある文字です。大文字と小文字など、英語には5つの母音があります。 a、e、i、o、u 例1 入力：string = "tutorialspoint" 出力：6 説明する文字列「TutorialSpoint」の母音は、u、o、i、a、o、iです。合計で6元があります

PHPでの後期静的結合を説明します（静的：:)。 Apr 03, 2025 am 12:04 AM

静的結合（静的：:) PHPで後期静的結合（LSB）を実装し、クラスを定義するのではなく、静的コンテキストで呼び出しクラスを参照できるようにします。 1）解析プロセスは実行時に実行されます。2）継承関係のコールクラスを検索します。3）パフォーマンスオーバーヘッドをもたらす可能性があります。

PHPマジックメソッド（__construct、__destruct、__call、__get、__setなど）とは何ですか？ Apr 03, 2025 am 12:03 AM

PHPの魔法の方法は何ですか？ PHPの魔法の方法には次のものが含まれます。1。\ _ \ _コンストラクト、オブジェクトの初期化に使用されます。 2。\ _ \ _リソースのクリーンアップに使用される破壊。 3。\ _ \ _呼び出し、存在しないメソッド呼び出しを処理します。 4。\ _ \ _ get、dynamic属性アクセスを実装します。 5。\ _ \ _セット、動的属性設定を実装します。これらの方法は、特定の状況で自動的に呼び出され、コードの柔軟性と効率を向上させます。

See all articles