JSONとはJSON (JavaScript Object Notation) はデータ交換形式です。 なぜこの技術なのでしょうか?Json が登場する前は、誰もがデータを転送するために XML を使用していました。 XML はプレーンテキスト形式なので、インターネット上でデータを交換するのに適していますが、XML 形式は比較的複雑です。最終的に、Douglas Crockford が超軽量のデータ交換形式である JSON を発明しました。 JSONの使い方- データ形式JSON は実際には JavaScript のサブセットなので、JSON のデータ形式は JavaScript に対応しています。 - 番号 => JS番号 - ブール値 => JS ブール値 - 文字列 => JS 文字列 // - null => JS null - 配列 => JS配列式 [] - オブジェクト => JS {} 式 - メモ
- JSには2つの組み込みJsonメソッドがありますJSON.stringify( {} , [ ] , "") //パラメータ 1: シリアル化するデータ (オブジェクト) //パラメータ 2: オブジェクトのキー値を制御します。指定された属性のみを出力する場合は、配列を渡します。//パラメータ 3: シリアル化後、出力形式を出力します (JSON をより直感的に表示するには Tab キーを使用します) JavaScript から Json への変換は、ネットワーク経由で転送する前にオブジェクトを Json 文字列にシリアル化することを意味します。 Json 形式の文字列を受け取ります。 JSON.parse( json.DATA ) // json文字列を渡す JSON 形式の文字列を受け取った場合は、それを JavaScript オブジェクトに逆シリアル化し、JavaScript で直接使用するだけです。 例:1. 配列法 [ ] [{ 「id」: 1 , 「名前」:「暁明」 },{ 「id」: 2 , 「名前」:「暁紅」 }] 2. オブジェクトメソッド { } //フロントエンドとバックエンドを分離し、バックエンドがフロントエンドに次の形式でデータを返すことを推奨します。 "status" : 0 、 //実行ステータスコード "msg" : "SUCCESS"、 //説明テキスト情報、NULLではない "data" :[{ //配列はオブジェクト内にネストされており、配列は返されるデータです。 「id」: 1 , 「名前」:「暁紅」 },{ 「id」: 2, 「名前」:「暁明」 }] } 3. 反例 {"id" : ox16 } // 不正、値は 10 進数でなければなりません {"name" : underfined } // 不正、そのような値はありません [{ "名前" : NULL、 「学校」: 関数() { console.log("これは間違っています") }//不正}]//ユーザー定義関数またはシステム組み込み関数はjsonでは使用できません json ファイルの書き込み形式の詳細説明はこれで終わりです。皆様の勉強のお役に立てれば幸いです。また、123WORDPRESS.COM を応援して頂ければ幸いです。 以下もご興味があるかもしれません:
|
<<: CSS仕様 BEM CSSとOOCSSサンプルコード詳細説明
>>: 史上最もクリエイティブな404ページのデザインは、ウェブサイトのユーザーエクスペリエンスを効果的に向上させます
目次1. マルチインスタンスとは2. 複数インスタンスのインストールの準備3. MYSQLの複数イン...
目次1. ElementUIで基本的なスタイルを構築する2. [送信]ボタンをクリックして、アカウン...
スワップ スペースは、オペレーティング システムに関係なく、今日のコンピューティングの一般的な側面で...
Docker コンテナに入った後、コンテナを終了すると、コンテナは Exited 状態に変わります。...
目次質問背景アイデアと実装質問次のように、同時実行 Promise の数を制御するメソッドを記述する...
数日前、友人と Node.js の epoll とリクエスト処理に関する知識を交換しました。今日は、...
目次序文インデックス プッシュダウンとは何ですか?インデックスプッシュダウン最適化の原理インデックス...
目次1. JSONとは何か1.1 配列リテラル1.2 オブジェクトリテラル1.3 混合リテラル1.4...
フォームのフロントエンド レイアウトでは、テキスト ボックスのプロンプト テキストを両端に揃える必要...
遅いログクエリ機能スロー ログ クエリの主な機能は、設定された時間しきい値を超える SQL ステート...
Dockerコンテナの状態遷移図2度目の実戦 [root@localhost ~]# docker ...
el-form フォームにルールを追加します。データにルールを定義する定義されたルールをel-for...
ファイルの保存とアクセスを容易にするために、FTPサービスが特別に構築されています。 FTP サーバ...
Vue のフロントエンドとバックエンドのポートが一致していませんconfig index.jsファイ...
まあ、あなたはデザインの達人かもしれませんし、あるいはそれは大げさすぎるかもしれませんが、少なくとも...