JSON の使用について知っておくべきことのまとめ

今回はJSONを使う際の注意点についてまとめてみました。実際の事例を見てみましょう。

用語

移植性
プラットフォームとシステム間での情報転送の互換性。

JSON
JavaScriptObjectNotation オブジェクト表記。

データ交換形式
異なるプラットフォームまたはシステム間でデータを交換するために使用されるテキスト。

リテラル
リテラルの意味は、表現したい値とまったく同じです。

変数
は、X の形式の識別子によって表され、変更可能な値のタイプです。

最大限の移植性
データ自体のプラットフォームやシステムとの互換性を確保することで、データ形式自体を超えた移植性を提供します。

名前と値のペア
は、名前と対応する値を持つ属性と特性 (キーと値のペアとも呼ばれます) を指します。

構文検証
json形式の検証。

一貫性検証
固有のデータ構造の検証に重点を置きます。

JSON の文字列型
「あなたは良い人です」などの文字列値は二重引用符で囲まれます。

コンセプト

JSON はデータ交換フォーマットです。

JSON はプログラミング言語に依存しません。

JSON は、JavaScript オブジェクト のリテラル表現に基づいています (表現に重点が置かれています)。

JSON がデータを表現する方法は、一般的なプログラミングの概念に親しみやすいものです。

JSON は、プロパティを表すための JavaScript オブジェクト リテラル の構文に基づいていますが、JavaScript オブジェクト リテラルの関数関連の部分は含まれません。

JSON の名前と値のペアでは、名前は常に二重引用符で囲まれます。

JSON の名前と値のペア。値は文字列、数値、ブール値、null、またはオブジェクト配列にすることができます。

JSON 内の名前と値のペアのリストは、常に中括弧で囲まれます。

JSON 内の複数の名前と値のペアはカンマで区切られます。

JSON ファイルは .json 拡張子を使用します。

JSON のメディア タイプは application/json です。

JSON のブール値は true と false のみであり、すべての文字は小文字である必要があります。

JSON 内の null 値のすべての文字は、null 値を示すために小文字である必要があります。

JSON の数値タイプ。66 などの数値は、正の整数、負の整数、小数、または指数にすることができます。

オブジェクトと配列の主な違いは、オブジェクトは名前と値のペアのリストまたはコレクションであり、配列は値のリストまたはコレクションであることです。

オブジェクトと配列のもう 1 つの重要な違いは、配列内のすべての値が同じデータ型を持つ必要があることです。

用語
JSONの配列
配列は値のコレクションまたはリストであり、各値は文字列、数値、ブール値、オブジェクト、配列のいずれかになります。配列は [] で囲み、カンマで区切る必要があります。

JSON のオブジェクト タイプ
オブジェクト タイプは、カンマで区切られ、{} で囲まれた名前と値のペアのコレクションです。

JSON Schema
データ交換における仮想コントラクト。

サーバー (Web 開発)
Web リソースが要求されたときにサーバー上で実行される一連の操作。サーバーはインターネット ブラウザに、処理およびロードする応答を提供します。

クライアント (Web 開発における)
ブラウザーによって要求されたインターフェイスが読み込まれるときに実行される一連の操作。通常は HTML、CSS、JavaScript を参照します。

コンセプト
JSON バリデーターは構文エラーの検証を担当し、JSON スキーマは一貫性検証を提供します。

JSONSchema はデータ受信を担当する防御の第一線であり、データ送信者にとって時間を節約し、データが正しいことを確認するための優れたツールでもあります。

JSONSchema は以下の整合性検証問題を解決できます
1. 値のデータ型は正しいか？値が数値、文字列などのタイプであることを指定できます。
2. 必要なデータが含まれていますか？どのデータが必要で、どのデータが不要であるかを指定できます。
3. 値は必要な形式になっていますか?範囲、最小値、最大値を指定できます。

JSON 自体には脅威はなく、単なるテキストです。

JSON のセキュリティ問題を特定するときは、次の 3 つの点に注意してください。
1. トップレベルの配列は使用しないでください。トップレベルの配列は、<script> にリンクして使用できます。鬼ごっこ。 <br/> 2. 公開したくないリソースの場合、Get メソッドではなく、HTTPPost メソッドのみをリクエストできます。get メソッドは、URL を通じてリクエストすることも、script タグに配置することもできます。 <br/> 3. eval() の代わりに JSON.parser() を使用します。 eval() 関数は受信文字列をコンパイルして実行します。これにより、コードが攻撃に対して脆弱になります。json の解析には JSON.parser() のみを使用してください。データ。 <br/> <br/> セキュリティの脆弱性は、開発者がハッカーによる悪用方法を考慮していないことが原因で発生することがよくあります。 <br/> <br/> JavaScript の XMLHTTPRequest と WEBAPI の関係は、クライアントとサーバーの関係です。 <br/> <br/>XMLHTTPRequest は XML に限定されず、JSON リソースのリクエストにも使用できます <br/> <br/><strong> <br/>クロスサイト リクエスト フォージェリ (CSRF) <br/> という用語は、ユーザーのブラウザーでのサイトの信頼性を悪用して攻撃することを指します <br/> <br/> <strong>最上位の JSON 配列 は、JSON 名前と値のペア以外のドキュメントの先頭にある JSON 配列に存在します。 <br/> <br/><strong>インジェクション攻撃 <br/> 悪意のあるデータの実行またはコンパイルを容易にするために、Web アプリケーションへのデータの挿入に依存する攻撃。 <br/> <br/><strong>JSON クロスサイト スクリプティング攻撃 <br/> サイトで使用されているサードパーティのコードを傍受または悪意のあるスクリプトで置き換えることによる、サイトへのインジェクション攻撃。 <br/> <br/>webApi<br/> HTTP を介してサービスと対話するための一連の手順と標準。 <br/> <br/>XMLHTTPRequest<br/> ページを更新せずに URL からデータを取得できる JavaScript オブジェクトは、AJAX プログラミングでよく使用されます。 <br/> <br/>ハイパーテキスト転送プロトコル (HTTP) <br/> World Wide Web で使用されるデータ交換の基本プロトコル <br/> <br/>シリアル化 <br/> オブジェクトをテキストに変換する操作 <br/> <br/>逆シリアル化<br/>テキストをオブジェクトに変換する操作。 <br/> <br/><strong> コンセプト <br/> Web サイトは人々にサービスを提供し、WebAPI はコードを提供し、どちらも Http プロトコルを使用します。 <br/> <br/> 同一オリジン ポリシーにより、JavaScript と JSON リソースがクライアントとサーバーの間で通信することが困難になります。 <br/> <br/> クライアントのクロスドメイン XMLHTTPRequest は、JSON リソース リクエストの成功を保証するためにサーバーのサポートを必要とします。 <br/> <br/>jQuery は、開発時間を短縮できる JSON リクエストと解析機能を提供する抽象化ツールです。また、ブラウザ間の互換性の問題も解決します。 <br/> <br/><strong>AngularJS MVCの概念<br/> JSONはモデル||データモデル<br/> HTMLはビューであり、モデルにバインドする構文を提供します<br/> コントローラーは、モデルとビューと対話するJavaScriptを定義して操作するためのAngularJS構文です書類。 <br/> <br/>AngularJS は、MVC アーキテクチャで JavaScript オブジェクトと JSON を輝かせます。 <br/> <br/>リレーショナル データベース<a href="http://www.php.cn/code/5790.html" target="_blank"> では、多くの場合、テーブルの列、行、およびそれらの間の関係が存在し、主キーと外部キーが使用されます。 <br/>NoSQL データベースには多くの種類があり、従来のリレーショナル モデルとはデータの保存方法や利用方法が異なります。 <br/> <br/>CouchDBデータベースの重要な概念<br/> 1. ドキュメント指向のNoSQLデータベースです<br/> 2. JSONドキュメントを保存して管理します<br/> 3. データの保存と取得中にデータ構造を維持します<br/> 4. HTTPに基づいて使用しますデータをJSONドキュメントリソースとして取得するAPI<br/> 5. <br/>クエリ言語としてJavaScript<a href="http://www.php.cn/code/7565.html" target="_blank">を使用し、ビューのmapメソッドやreduceメソッドを通じてAPIをまたがってデータを取得します。 <br/>サーバー側では、JSON をオブジェクトに逆シリアル化してプログラミング ロジックで使用したり、<br/>オブジェクトを JSON 形式にシリアル化<a href="http://www.php.cn/wiki/217.html" target="_blank">したりできます。 <br/>JSON はサーバーとクライアントの両方で十分にサポートされており、Web 分野の多くの交換データ形式より際立っています。 <br/> <br/>用語 <br/>同一生成元ポリシー<br/> セキュリティ上の理由から、ブラウザは同じドメインからのスクリプトのみをリクエストします。 <br/> <br/>クロスドメイン リソース共有 CORS<br/> 応答ヘッダーを設定することで、クロスドメイン リクエストを成功させることができます。 <br/> <br/>JSON-p<br/> script タグを使用して、同一オリジンポリシーの制限をバイパスし、異なるドメイン名のサーバーから JSON をリクエストします。 <br/> <br/>抽象化<br/> 複雑なシステムを扱うためのテクノロジー。主なアイデアは、大きな問題を複数の小さな問題に変換することです。<br/> フレームワーク<br/> 時間を節約し、機能の構築により集中できるようにする抽象化ツール。 <br/> <br/>Jquery.parserJSON()<br/> JSON.parser() 関数を呼び出すだけでなく、JSON.parser() 関数をサポートしていない古いブラウザとも互換性があり、文字を検証して文字列を評価する jquery 関数、これにより、セキュリティ上の問題が回避される可能性があります。 <br/> <br/>jquery.getJSON()<br/> jquery.ajax() 関数の短縮形。これには、json を JavaScript オブジェクトに解析する関数が含まれています。 <br/> <br/>単一ページ Web アプリケーション<br/> 従来の複数ページのアプローチとは異なり、Web ページはよりシームレスなアプリケーション エクスペリエンスを提供することに重点を置いています。 <br/> <br/>Model-View-Controller (MVC) <br/> アプリケーションを 3 つの部分に分割するアプリケーション アーキテクチャ パターン: モデル (データ)、ビュー (プレゼンテーション)、コントローラー (モデルとビューの更新) <br/> <br/>AngularJS<br/>一A JavaScriptMVC フレームワークJavaScript オブジェクトをデータ モデルとして使用します。 <br/> <br/>リレーショナル データベース<br/> 識別可能な関係を使用して、保存されたデータを構造化された方法で保存するデータベース。 <br/> <br/>NoSQL データベース<br/> データを保存することで関係を保存しないデータベース。 <br/> <br/>CouchDB<br/> JSON ドキュメントを使用してデータを保存するドキュメント指向の NoSQL データベース ストレージ タイプ。 <br/> <br/>ASP.NET <br/> Microsoftによって開発されたサーバーサイドWebフレームワーク <br/> <br/>PHP <br/> 動的Webページを作成するためのサーバーサイドスクリプト言語 <br/> <br/>Ruby on Rails <br/> Rubyで書かれたサーバーサイドWebアプリケーションフレームワーク <br/> <br/>Node.js <br/>ベースGoogle の V8 エンジンのサーバーサイド JavaScript について。 <br/> <br/>java<br/> オブジェクト指向プログラミング言語。 <br/> <br/>JSON は静的設定ファイルとしても機能します <br/> <br/>どのようなデータ形式を使用するかを検討するときは、データの形式とデータを交換するシステムを考慮する必要があります。 ！ ！ ！ JSON が常に最良の選択であるとは限りません。 <br/><br/>この記事の事例を読んだ後は、この方法を習得したと思います。さらに興味深い情報については、php 中国語 Web サイトの他の関連記事に注目してください。 </script>

推奨読書:

jqueryでのajax実行順序の調整

Ajaxおよび$.ajaxインスタンスの詳細な説明

以上がJSON の使用について知っておくべきことのまとめの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。