ホームページ > 記事 > ウェブフロントエンド > XML 置換 ----JSON_json
個人的には、PHP と Javascript にはそれぞれの強みがあり、それらを完璧に組み合わせることができれば、多くの奇跡が起こると考えています。このような記事を書くのは初めてです。バグは避けられないので、修正してください~
現在、AJAX アプリケーションは非常に人気があり、AJAX ではクライアント側の Javascript とサーバー側の動的スクリプト間の通信が鍵となります。送信される情報が比較的単純な場合は、通常、文字列を直接使用します。情報構造がより複雑な場合は、通常、XML ドキュメントが使用されます。 XML ドキュメントは広く使用されていますが、PHP で生成し、JavaScript で処理するのは簡単ではありません。ここでは、XML ドキュメントのより簡素化された代替手段である JSON をお勧めします。
まず、JavaScript の基本を理解しましょう。
1. 配列を作成するには、JS の組み込みクラス Array を使用して初期化するか、JSON シンボル "[]" を使用できます。次の 2 つの方法で作成された arr1 と arr2 の本質は同じです:
var arr1 = new Array();
arr1[0] = "apple"; "google";
arr1[2] = "longbill";
var arr2 = ["apple","google","longbill"]; arr1["name"] = "longbill"; のように String にすることもできます。このとき、配列はオブジェクトに相当します。 。 。
2. オブジェクトを作成するには、JS 組み込みクラス Object を使用して初期化するか、JSON シンボル "{}" を使用できます。次の 2 つの方法で作成された obj1 と ob2 の本質も同じです:
var obj1 = new Object();
obj1.name = "longbill"; age = 18;
var obj2 = { name:"longbill",age:18 };
ここでの「{」と「}」の間のスペースは「key」の形式で記述する必要があることに注意してください。 :value」と異なる「key:value」は「,」で区切る必要があります。 「キー」にはスペースなどの特殊文字も含めることができます。この場合、「電話番号」:123456
のように、引用符を使用する必要があります。実際、JS では配列の本質です。はオブジェクトであり、オブジェクト自体も配列です。したがって、obj1.name と obj1["name"] は同じ参照になります。
JSON シンボルをネストすることで、複雑な S オブジェクトを定義することもできます:
var people = [
{
name: "longbill",
age: 18
},
{
名前:"ニール",
年齢:19 歳
},
{
名前:"グロックリー",
年齢:17 歳
}
];
//これを理解する必要があります~~
ほとんどの XML ドキュメントは JSON で表現できます:
ジュラブ
Javascript
JSON を使用する場合、次のように表現できます:
{
root:
[
{
名前:"Ju love",
価格:"$15"
},
{
名前:"Javascript",
価格:" $25"
}
]}
かなり単純ですか?
また、クライアント側の JS も非常に簡単に処理でき、文字列関数「eval」を使用して JSON 情報を抽出するだけです。XML ドキュメントの場合は、多くの標準 DOM は必要ありません。そこからデータを抽出します。例:
//JSON ファイル (文字列) が AJAX を使用してサーバーからダウンロードされ、変数 json
eval("var myvar = "
); に保存されています。 //このようにして、JSON の情報が変数 myvar で表現されます。
欠点: JSON 形式が正しくないと、サーバー側の JS システム エラーが発生したり、クラッシュしたりすることがあります。
解決策:
のように、eval の前に try (テスト実行) を使用するのが最善です//JSON ファイル (文字列) が AJAX を使用してサーバーからダウンロードされているので、保存します変数 json
try {
eval("var myvar = " json);
} catch(e) {alert('json 構文エラー!') }
// JSON 形式が間違っている場合でも、スクリプト エラーではなくプロンプト ボックスのみがポップアップ表示されます。