JSON が登場します
対話型ツールとして xmlHttpRequest コンポーネントを使用し、データ送信形式として XML を使用します。
[ XML ]
XML を送信形式として使用する利点:
1. 標準に準拠した統一形式
2. リモートで他のシステムと対話するのが簡単、データ共有がより便利です
欠点:
1. XML ファイル形式が巨大で、形式が複雑で、送信に帯域幅が消費されます
2.サーバーとクライアントは XML を解析するために多くのコードを必要とし、サーバー側とクライアント側のコードは両方とも非常に複雑になり、保守が困難になりました
3. クライアント側の異なるブラウザ間で XML を解析する方法が一貫していません。多くのコードを繰り返し記述する必要があります
4. サーバー側とクライアントでの XML の解析にはリソースと時間が消費されます
[ JSON ]
XML 形式に変換できますが、他の形式はありますか? JSON (JavaScript Object Notation) と呼ばれる軽量のデータがあります。
利点:
1。シンプルで読み書きが簡単、形式は圧縮されており、帯域幅をほとんど消費しません
2. この言語は解析が簡単で、クライアント側の JavaScript は eval() を通じて JSON データを簡単に読み取ることができます
3. をサポートします。 ActionScript、C、C#、ColdFusion、Java、JavaScript、Perl、PHP、Python、Ruby およびその他の言語を含む複数の言語 サーバー側の解析を容易にするサーバー側言語
4. PHP の世界では、PHP-JSON とPHP のシリアル化されたプログラムの直接呼び出しを容易にする JSON-PHP が登場し、クライアントのアクセスや抽出に便利な JSON 形式を直接生成できます。
さらに、PHP の PEAR クラスのサポートが提案されました。 (http://www.php.cn/)
5. JSON 形式はサーバーサイドコードで直接使用できるため、サーバーが大幅に簡素化されます。ターミナルとクライアントでのコード開発の量は少ないですが、完了したタスクは同じままであり、保守が簡単です
欠点:
1. XML 形式ほど普及して広く使用されておらず、XML ほど汎用性がありません
2。 Web サービスにおける JSON 形式の普及はまだ初期段階です
追記: Google の Ajax は JSON テンプレートを使用して作られていると言われています
JSON 定義
JSON (JavaScript Object Notation)読み書きが簡単で、マシンによる解析と生成も簡単な軽量のデータ交換形式です。これは、ECMA262 言語仕様 (第 3 版 1999-12) の JavaScript プログラミング言語のサブセットに基づいています。 JSON はプログラミング言語に依存しないテキスト形式を採用していますが、C に似た言語 (C、C++、C#、Java、JavaScript、Perl、Python などを含む) の習慣も使用しています。これらの特性が JSON を作ります。理想的なデータ交換フォーマットです。
JSON の構造は次の 2 つの点に基づいています
1. 「名前と値」のペアのコレクション。さまざまな言語では、オブジェクト、レコード、構造として理解されます。辞書 (辞書)、ハッシュ テーブル (ハッシュ テーブル)、キー付きリスト (キー付きリスト) など。
2. 値の順序付きリストは、ほとんどの言語で配列 (配列) として理解されます。
JSON の使用法:
JSON は、JavaScript オブジェクトを表す特定の文字列形式で始まります。このような形式の文字列を JavaScript 変数に代入すると、その変数はオブジェクト参照になり、このオブジェクトはその文字列から構築されます。少しわかりにくいと思われるため、例を使用して説明します。
ここでは、次の属性を持つ User オブジェクトを作成する必要があると仮定します。
User ID
Username
User Email
User オブジェクトを表すには、次の JSON フォームを使用できます。
JavaScript コード
{"UserID":11, "Name":"Truly", "Email":"zhuleipro◎hotmail.com"};
この文字列を JavaScript 変数に代入すると、次のようになります。オブジェクトの任意のプロパティを直接使用します。
完全なコード:
JavaScript コード
<script> var User = {"UserID":11, "Name":"Truly", "Email":"zhuleipro◎hotmail.com"}; alert(User.Name); </script>
実際の使用では、より複雑になる可能性があります。たとえば、FirstName と LastName が含まれるように、Name のより詳細な構造を定義します。 >JavaScript コード
{"UserID":11, "Name":{"FirstName":"Truly","LastName":"Zhu"}, "Email":"zhuleipro◎hotmail.com"}
完全なコード:
JavaScript コード
<script> var User = {"UserID":11, "Name":{"FirstName":"Truly","LastName":"Zhu"}, "Email":"zhuleipro◎hotmail.com"}; alert(User.Name.FirstName); </script>
ここで、ページの 1 つには単一のユーザー情報だけでなくユーザー リストが必要なので、ユーザーを作成する必要があります。リスト配列。
次のコードは、JSON を使用してこのユーザー リストを定義する方法を示しています:
JavaScript コード
[ {"UserID":11, "Name":{"FirstName":"Truly","LastName":"Zhu"}, "Email":"zhuleipro◎hotmail.com"}, {"UserID":12, "Name":{"FirstName":"Jeffrey","LastName":"Richter"}, "Email":"xxx◎xxx.com"}, {"UserID":13, "Name":{"FirstName":"Scott","LastName":"Gu"}, "Email":"xxx2◎xxx2.com"} ]完全なコード:
JavaScript コード
<script> var UserList = [ {"UserID":11, "Name":{"FirstName":"Truly","LastName":"Zhu"}, "Email":"zhuleipro◎hotmail.com"}, {"UserID":12, "Name":{"FirstName":"Jeffrey","LastName":"Richter"}, "Email":"xxx◎xxx.com"}, {"UserID":13, "Name":{"FirstName":"Scott","LastName":"Gu"}, "Email":"xxx2◎xxx2.com"} ]; alert(UserList[0].Name.FirstName); </script>実際属性を引用する「.」に加えて、次のステートメントも使用できます:
JavaScript コード
コードをコピー コードは次のとおりです。
alert(UserList[0]["Name"]["FirstName"]); 或者 alert(UserList[0].Name["FirstName"]);
现在读者应该对JSON的使用有点认识了,归纳为以下几点:
对象是属性、值对的集合。一个对象的开始于“{”,结束于“}”。每一个属性名和值间用“:”提示,属性间用“,”分隔。
数组是有顺序的值的集合。一个数组开始于"[",结束于"]",值之间用","分隔。
值可以是引号里的字符串、数字、true、false、null,也可以是对象或数组。这些结构都能嵌套。
字符串和数字的定义和C或Java基本一致。
小节:
本文通过一个实例演示,初步了解了JSON 的强大用途。可以归结如下:
JSON 提供了一种优秀的面向对象的方法,以便将元数据缓存到客户机上。
JSON 帮助分离了验证数据和逻辑。
JSON 帮助为 Web 应用程序提供了 Ajax 的本质。

Web開発におけるJavaScriptの主な用途には、クライアントの相互作用、フォーム検証、非同期通信が含まれます。 1)DOM操作による動的なコンテンツの更新とユーザーインタラクション。 2)ユーザーエクスペリエンスを改善するためにデータを提出する前に、クライアントの検証が実行されます。 3)サーバーとのリフレッシュレス通信は、AJAXテクノロジーを通じて達成されます。

JavaScriptエンジンが内部的にどのように機能するかを理解することは、開発者にとってより効率的なコードの作成とパフォーマンスのボトルネックと最適化戦略の理解に役立つためです。 1)エンジンのワークフローには、3つの段階が含まれます。解析、コンパイル、実行。 2)実行プロセス中、エンジンはインラインキャッシュや非表示クラスなどの動的最適化を実行します。 3)ベストプラクティスには、グローバル変数の避け、ループの最適化、constとletsの使用、閉鎖の過度の使用の回避が含まれます。

Pythonは、スムーズな学習曲線と簡潔な構文を備えた初心者により適しています。 JavaScriptは、急な学習曲線と柔軟な構文を備えたフロントエンド開発に適しています。 1。Python構文は直感的で、データサイエンスやバックエンド開発に適しています。 2。JavaScriptは柔軟で、フロントエンドおよびサーバー側のプログラミングで広く使用されています。

PythonとJavaScriptには、コミュニティ、ライブラリ、リソースの観点から、独自の利点と短所があります。 1)Pythonコミュニティはフレンドリーで初心者に適していますが、フロントエンドの開発リソースはJavaScriptほど豊富ではありません。 2)Pythonはデータサイエンスおよび機械学習ライブラリで強力ですが、JavaScriptはフロントエンド開発ライブラリとフレームワークで優れています。 3)どちらも豊富な学習リソースを持っていますが、Pythonは公式文書から始めるのに適していますが、JavaScriptはMDNWebDocsにより優れています。選択は、プロジェクトのニーズと個人的な関心に基づいている必要があります。

C/CからJavaScriptへのシフトには、動的なタイピング、ゴミ収集、非同期プログラミングへの適応が必要です。 1)C/Cは、手動メモリ管理を必要とする静的に型付けられた言語であり、JavaScriptは動的に型付けされ、ごみ収集が自動的に処理されます。 2)C/Cはマシンコードにコンパイルする必要がありますが、JavaScriptは解釈言語です。 3)JavaScriptは、閉鎖、プロトタイプチェーン、約束などの概念を導入します。これにより、柔軟性と非同期プログラミング機能が向上します。

さまざまなJavaScriptエンジンは、各エンジンの実装原則と最適化戦略が異なるため、JavaScriptコードを解析および実行するときに異なる効果をもたらします。 1。語彙分析:ソースコードを語彙ユニットに変換します。 2。文法分析:抽象的な構文ツリーを生成します。 3。最適化とコンパイル:JITコンパイラを介してマシンコードを生成します。 4。実行:マシンコードを実行します。 V8エンジンはインスタントコンピレーションと非表示クラスを通じて最適化され、Spidermonkeyはタイプ推論システムを使用して、同じコードで異なるパフォーマンスパフォーマンスをもたらします。

現実世界におけるJavaScriptのアプリケーションには、サーバー側のプログラミング、モバイルアプリケーション開発、モノのインターネット制御が含まれます。 2。モバイルアプリケーションの開発は、ReactNativeを通じて実行され、クロスプラットフォームの展開をサポートします。 3.ハードウェアの相互作用に適したJohnny-Fiveライブラリを介したIoTデバイス制御に使用されます。

私はあなたの日常的な技術ツールを使用して機能的なマルチテナントSaaSアプリケーション(EDTECHアプリ)を作成しましたが、あなたは同じことをすることができます。 まず、マルチテナントSaaSアプリケーションとは何ですか? マルチテナントSaaSアプリケーションを使用すると、Singの複数の顧客にサービスを提供できます


ホットAIツール

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

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

Undress AI Tool
脱衣画像を無料で

Clothoff.io
AI衣類リムーバー

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

人気の記事

ホットツール

PhpStorm Mac バージョン
最新(2018.2.1)のプロフェッショナル向けPHP統合開発ツール

SAP NetWeaver Server Adapter for Eclipse
Eclipse を SAP NetWeaver アプリケーション サーバーと統合します。

SublimeText3 英語版
推奨: Win バージョン、コードプロンプトをサポート!

AtomエディタMac版ダウンロード
最も人気のあるオープンソースエディター

Dreamweaver Mac版
ビジュアル Web 開発ツール
