json と jsonp とは何ですか、jQuery の json の例については、detail_json で説明します。-jsチュートリアル-php.cn

ホームページ

ウェブフロントエンド

jsチュートリアル

json と jsonp とは何ですか、jQuery の json の例については、detail_json で説明します。

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

May 16, 2016 pm 05:46 PM

json jsonp

JSON とは何ですか?
前に簡単に説明したように、JSON はテキストベースのデータ交換方法であるか、データ記述形式であるかにかかわらず、まずその利点に注意する必要があります。

JSON の利点:
1. プレーンテキストに基づいて、クロスプラットフォームの送信が非常に簡単です。
2. ほとんどすべてのバックグラウンド言語がサポートされています。
3 、占有文字数が非常に少ない軽量のデータ形式で、特にインターネット送信に適しています。
4. XML ほど明確ではありませんが、適切なインデントを使用すれば識別するのは簡単です。 ;
5. もちろん、データ構造を知っていれば、記述と解析は簡単です。
JSON には確かに欠点がありますが、作成者の意見では、それらは実際には重要ではないため、個別に説明することはありません。

JSON 形式またはルール :
JSON は、XML で実行できるすべてのことを実行できるため、どちらもクロスプラットフォームです。
1. JSON には、中括弧 {} と角括弧 [] の 2 つのデータ型記述子のみがあります。残りの英語のコロンはマッピング文字、英語のカンマは区切り文字、英語の二重引用符 "" は定義文字です。
2. 中括弧 {} は「さまざまな種類の順序付けされていないキーと値のペアのセット」を記述するために使用され (各キーと値のペアは OOP 属性の説明として理解できます)、角括弧 [] が使用されます。 " "同じタイプの順序付けされたデータコレクション" (OOP 配列に対応する可能性があります) のセットを説明します。
3. 上記 2 つのセットに複数のサブ項目がある場合は、カンマで区切る必要があります。
4. キーと値のペアは英語のコロン: で区切られ、さまざまな言語の解析を容易にするために、キー名に英語の二重引用符 "" を追加することをお勧めします。
5. JSON 内で一般的に使用されるデータ型は、文字列、数値、ブール値、日付、および null だけです。文字列は二重引用符で囲む必要があり、残りのデータ型は使用されません。はい、ここでは詳しく説明しません。クライアントに日付で並べ替える機能がない場合は、日付と時刻を文字列として直接渡すだけで、多くの手間が省けます。
JSON インスタンス:

コードをコピーコードは次のとおりです:

 
 // 人物の説明 
var person = { 
"名前": "ボブ", 
"年齢": 32, 
"会社": "IBM", 
" Engineer": true 
} 
// この人の情報を取得します 
var personAge = person.Age; 
// 複数の人物を説明します 
var members = [ 
{ 
"名前" : "ボブ"、
"年齢": 32、
"会社": "IBM"、
"エンジニア": true 
}、
{ 
"名前" : " ジョン"、
"年齢": 20、
"会社": "Oracle"、
"エンジニア": false 
}、
{ 
"名前": " Henry" , 
"Age": 45, 
"Company": "Microsoft", 
"Engineer": false 
} 
] 
// John の会社名を読み上げます
var johnsCompany = members[1].Company; 
//カンファレンスについて説明します
var Conference = { 
"カンファレンス": "将来のマーケティング", 
"日付": "2012-6 - 1"、
"住所": "北京"、
"メンバー": 
[ 
{ 
"名前": "ボブ"、
"年齢": 32、
「会社」: 「IBM」、
「エンジニア」: true 
}、
{ 
「名前」: 「ジョン」、
「年齢」: 20、
 "会社": "Oracle"、
"エンジニア": false 
}、
{ 
"名前": "ヘンリー"、
"年齢": 45、
" 会社": "Microsoft", 
"Engineer": false 
} 
] 
} 
// 参加者ヘンリーがエンジニアかどうかを読み取ります 
var henryIsAnEngineer = Conference.Members[ 2 ].エンジニア

JSONP とは何ですか?
実際、JSONP についてはインターネット上にたくさんの説明がありますが、それらはどれも同じで曖昧であり、初めて使う人にとっては少し理解しにくいものです。この問題を私なりの方法で説明してみてください。
1. 一般的なファイルに対する Ajax の直接リクエストには、静的ページ、動的 Web ページ、Web サービス、または WCF である限り、クロスドメインの不正アクセスの問題があります。
2. ただし、Web ページ上で js ファイルを呼び出す場合、それがクロスドメインであるかどうかの影響を受けないこともわかりました。 "src" 属性を持つすべてのタグには、
3 などのクロスドメイン機能があることがわかります。現段階の純粋な Web 側 (ActiveX コントロール、サーバー側プロキシ、将来の HTML5 Websocket などは含まれていません) ドメインを越えてデータにアクセスする可能性は 1 つだけあり、それはデータを js にロードしようとすることです。
4. 純粋な JSON ファイルが存在することはすでにわかっています。さらに優れているのは、JSON もネイティブに記述できることです。 js でサポートされているため、クライアントはこの形式のデータをほぼ希望どおりに処理できます。
5. このようにして、ソリューションを提供する準備が整いました。クライアントは、動的に生成された js 形式のファイル (通常は JSON を使用して) を呼び出します。 suffix) を呼び出しスクリプトとまったく同じ方法でクロスドメインサーバーに追加します。サーバーが JSON ファイルを動的に生成する理由は、クライアントが必要とするデータを保存するためであることは明らかです。
6. クライアントは JSON ファイルの呼び出しに成功したら、残りは必要に応じて処理して表示します。この方法は AJAX に非常によく似ていますが、実際は AJAX です。同じではありません。
7. クライアントがデータを使用しやすくするために、JSONP と呼ばれる非公式の送信プロトコルが徐々に形成されてきました。このプロトコルの重要なポイントの 1 つは、ユーザーがサーバーにコールバックパラメーターを渡せるようにすることです。その後、サーバーはデータを返します。このコールバックパラメーターは JSON データをラップする関数名として使用され、クライアントが独自の関数をカスタマイズして返されたデータを自動的に処理できるようにします。
コールバックパラメーターの使用方法がまだ少し曖昧な場合は、後で具体的な例を使用して説明します。

JSONP の特定のクライアント実装:
jQuery、extjs、または jsonp をサポートするその他のフレームワークであっても、舞台裏で行われる作業は同じです。説明しましょう。クライアントでの jsonp の実装を段階的に説明します:
1. クロスドメイン js ファイル内のコード (もちろん、Web スクリプトのセキュリティポリシーに準拠している) であっても、Web ページは無条件に実行できることがわかっています。。
remoteserver.com のルートディレクトリに次のコードを含む Remote.js ファイルがあります:

コードをコピーしますコードは次のとおりです。

alert('I am a remote file');

ローカルサーバー localserver.com には次のような jsonp.html ページコードがあります。 :

コードをコピーコードは次のとおりです:

間違いなく、ページ A プロンプトウィンドウがポップアップ表示され、クロスドメイン呼び出しが成功したことが示されます。

2. 次に、jsonp.html ページで関数を定義し、remote.js にデータを渡して呼び出します。
jsonp.html ページのコードは次のとおりです:

コードをコピーしますコードは次のとおりです:

;script type="text/javascript">
var localHandler = function(data){
alert('私はクロスドメインのremote.jsファイルから呼び出すことができるローカル関数であり、データはリモート js によると: ' data.result);

ホットAIツール

Undresser.AI Undress

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

AI Clothes Remover

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

Undress AI Tool

脱衣画像を無料で

Clothoff.io

AI衣類リムーバー

Video Face Swap

完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。

ホットツール

メモ帳++7.3.1

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

SublimeText3 中国語版

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

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

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

ホットトピック

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

7621

CakePHP チュートリアル

1389

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

Win11 Activation Key Permanent

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

136

Related knowledge

golang WebSocketとJSONの組み合わせ：データ送信と解析を実現 Dec 17, 2023 pm 03:06 PM

golangWebSocket と JSON の組み合わせ: データ送信と解析の実現現代の Web 開発では、リアルタイムのデータ送信がますます重要になっています。 WebSocket は双方向通信を実現するために使用されるプロトコルで、従来の HTTP リクエスト/レスポンスモデルとは異なり、WebSocket を使用すると、サーバーがクライアントにデータをアクティブにプッシュできます。 JSON (JavaScriptObjectNotation) は、簡潔で読みやすいデータ交換用の軽量形式です。

Javaで@Exposeアノテーションを使用してJSONからフィールドを除外するにはどうすればよいですか? Sep 16, 2023 pm 09:49 PM

Gson@Expose アノテーションを使用して、フィールドがシリアル化または逆シリアル化のために公開されているかどうか (含まれているかどうか) をマークできます。 @Expose アノテーションは 2 つのパラメータを取ることができ、各パラメータはブール値で、値 true または false を取ることができます。 GSON が @Expose アノテーションに反応できるようにするには、GsonBuilder クラスを使用して Gson インスタンスを作成し、excludeFieldsWithoutExposeAnnotation() メソッドを呼び出す必要があります。これにより、Expose アノテーションのないすべてのフィールドがシリアル化または逆シリアル化から除外されるように Gson が設定されます。構文 publicGsonBuilderexclud

MySQL5.7とMySQL8.0の違いは何ですか? Feb 19, 2024 am 11:21 AM

MySQL5.7 と MySQL8.0 は 2 つの異なる MySQL データベースバージョンであり、それらの間には主な違いがいくつかあります: パフォーマンスの向上: MySQL8.0 では、MySQL5.7 と比較してパフォーマンスがいくつか向上しています。これには、より優れたクエリオプティマイザー、より効率的なクエリ実行プランの生成、より優れたインデックス作成アルゴリズムと並列クエリなどが含まれます。これらの改善により、クエリのパフォーマンスとシステム全体のパフォーマンスが向上します。 JSON サポート: MySQL 8.0 では、JSON データのストレージ、クエリ、インデックス作成など、JSON データ型のネイティブサポートが導入されています。これにより、MySQL での JSON データの処理と操作がより便利かつ効率的になります。トランザクション機能: MySQL8.0 では、アトミックなどのいくつかの新しいトランザクション機能が導入されています。

PHP 配列を JSON に変換するためのパフォーマンス最適化のヒント May 04, 2024 pm 06:15 PM

PHP 配列を JSON に変換するためのパフォーマンスの最適化方法には、JSON 拡張機能と json_encode() 関数の使用、文字エスケープを回避するためのバッファーの使用、およびサードパーティのエンコード結果の使用の検討が含まれます。 JSONエンコーディングライブラリ。

C# 開発で XML および JSON データ形式を処理する方法 Oct 09, 2023 pm 06:15 PM

C# 開発で XML および JSON データ形式を処理する方法には、特定のコードサンプルが必要です。現代のソフトウェア開発では、XML と JSON の 2 つのデータ形式が広く使用されています。 XML (Extensible Markup Language) はデータの保存と送信に使用されるマークアップ言語であり、JSON (JavaScript Object Notation) は軽量のデータ交換形式です。 C# 開発では、XML と JSON データの処理と操作が必要になることがよくありますが、この記事では、C# を使用してこれら 2 つのデータ形式を処理し、添付する方法に焦点を当てます。

golang の json.MarshalIndent 関数を使用して、構造をフォーマットされた JSON 文字列に変換します。 Nov 18, 2023 pm 01:59 PM

golang で json.MarshalIndent 関数を使用して、構造をフォーマットされた JSON 文字列に変換します。Golang でプログラムを作成するとき、多くの場合、構造を JSON 文字列に変換する必要があります。このプロセスでは、 json.MarshalIndent 関数が役に立ちます。フォーマットされた出力。以下では、この関数の使用方法と具体的なコード例を詳しく説明します。まず、データを含む構造体を作成しましょう。以下は目安です

Pandas の使用法チュートリアル: JSON ファイルを読み取るためのクイックスタート Jan 13, 2024 am 10:15 AM

クイックスタート: JSON ファイルを読み取る Pandas の方法、特定のコードサンプルが必要ですはじめに: データ分析とデータサイエンスの分野では、Pandas は重要な Python ライブラリの 1 つです。豊富な機能と柔軟なデータ構造を備え、さまざまなデータを簡単に処理・分析できます。実際のアプリケーションでは、JSON ファイルを読み取る必要がある状況によく遭遇します。この記事では、Pandas を使用して JSON ファイルを読み取る方法を紹介し、具体的なコード例を添付します。 1.パンダのインストール

Jackson ライブラリのアノテーションは、JSON のシリアル化と逆シリアル化をどのように制御しますか? May 06, 2024 pm 10:09 PM

Jackson ライブラリのアノテーションは、JSON のシリアル化と逆シリアル化を制御します。シリアル化: @JsonIgnore: プロパティを無視します @JsonProperty: 名前を指定します @JsonGetter: get メソッドを使用します @JsonSetter: set メソッドを使用します Deserialization: @JsonIgnoreProperties: プロパティ @ JsonProperty を無視します:名前を指定 @JsonCreator: コンストラクターを使用 @JsonDeserialize: カスタムロジック

See all articles