ホームページ >ウェブフロントエンド >jsチュートリアル >JSON 入門ガイド json を理解したい友達は、read_json を読むことができます

JSON 入門ガイド json を理解したい友達は、read_json を読むことができます

WBOY
WBOYオリジナル
2016-05-16 18:47:46997ブラウズ

XML にクロスプラットフォームおよびクロス言語の利点があることはよく知られていますが、XML が Web サービスに適用されない限り、通常の Web アプリケーションでは、XML が生成されたかどうかに関係なく、開発者は XML の解析に苦労することがよくあります。サーバー側で XML を処理する場合も、クライアントが JavaScript を使用して XML を解析する場合も、多くの場合コードが複雑になり、開発効率が非常に低くなります。実際、ほとんどの Web アプリケーションでは、データの送信に複雑な XML はまったく必要ありません。XML の拡張性が有利になることはほとんどありません。また、多くの AJAX アプリケーションは、動的な Web ページを構築するために HTML フラグメントを直接返すことさえあります。 XML を返して解析する場合と比較して、HTML フラグメントを返すとシステムの複雑さは大幅に軽減されますが、ある程度の柔軟性にも欠けます。
JSON は、Web アプリケーション開発者に代替のデータ交換形式を提供するようになりました。 JSON が正確に何であるかを見てみましょう。JSON は、XML や HTML フラグメントよりも優れたシンプルさと柔軟性を提供します。
Ajax リソース センター
ドキュメント、チュートリアル、フォーラム、ブログ、Wiki、ニュースなど、Ajax プログラミング モデルに関する情報を入手できるワンストップ センターである Ajax リソース センターにアクセスしてください。 Ajax に関する新しい情報はここで見つけることができます。
JSON データ形式の分析
XML と同様、JSON もプレーン テキストに基づくデータ形式です。 JSON は本質的に JavaScript 用に用意されているため、JSON のデータ形式は非常に単純です。JSON を使用して、単純な文字列、数値、ブール値、配列、または複雑なオブジェクトを送信できます。
文字列、数値、ブール値は JSON で非常に簡単に表現できます。たとえば、JSON を使用して単純な文字列「abc」を表すと、その形式は次のようになります:
"abc"
文字 "、、/、およびいくつかの制御文字 (、f、 、 、 ) はエンコードする必要がありますが、他の Unicode 文字は直接出力できます。次の図は、文字列の完全な表現構造です。
図 1. 文字列の完全な表現構造
数値は、整数または浮動小数点数に従って次のように表現できます。
図 2.数値の表現構造
これは、ほとんどのプログラミング言語の表現方法と一致しています。例:
12345 (整数)
-3.9e10 (浮動小数点数)
ブール型は true として表現されます。または偽。さらに、JavaScript の null は null として表されます。true、false、および null には二重引用符がありません。二重引用符がなければ、文字列として扱われることに注意してください。
JSON は、[] を使用してすべての要素を含む配列オブジェクトを表すこともできます。各要素はカンマで区切られ、要素には任意の値を指定できます。たとえば、次の配列には文字列、数値、ブール値、および null が含まれます。
["abc",12345,false,null]
オブジェクト オブジェクトは、順序のない一連の Key-Value ペアを含む {} によって JSON で表現されます。実際、ここでのオブジェクトは Java のオブジェクトと同等です。 Java のクラスではなく、マップ。 Key は String でのみ表現できることに注意してください。
たとえば、Address オブジェクトには次の Key-Value が含まれます:
city:Beijing
street:Chaoyang Road
postcode:100025 (integer)
JSON では次のように表されます:
{"city ":"Beijing","street":"Chaoyang Road ","postcode":100025}
値は別のオブジェクトまたは配列にすることもできます。したがって、複雑なオブジェクトをネストして、たとえば次のように表すことができます。人物オブジェクト 次のように表現できる名前と住所のオブジェクトが含まれています:
{"name":"Michael","address":
{"city":"Beijing","street":" Chaoyang Road ","postcode" :100025}
}
JavaScript による JSON データの処理
上記では、JSON を使用してデータを表現する方法を紹介しました。次に、データを生成する方法も解決する必要があります。クライアントに送信するサーバー側の JSON 形式のデータと、クライアントが JavaScript を使用して JSON 形式のデータを処理する方法。
まず、JavaScript を使用して Web ページ内の JSON データを処理する方法について説明します。クライアントが簡単な JavaScript メソッドを通じてユーザーに JSON データをどのように表現するかを確認できます。
function handleJson() {
var j={"name":"Michael","address":
{" city":"北京","street":"朝陽路","郵便番号":100025}
};
document.write(j.name);
document.write(j .address. city);
}
サーバーから返された JSON データは次のとおりであると仮定します:
{"name":"Michael","address":
{"city":"Beijing " ,"street":" 朝陽路 ","postcode":100025}
}
JavaScriptの変数に代入するだけで、すぐに変数を使用してページ上の情報を更新できます。 JSON を使用して DOM からさまざまなノードを読み取るのは非常に簡単です。必要なのは、Ajax リクエストを送信し、サーバーから返された JSON データを変数に割り当てることだけです。 JSON データを処理する機能をすでに備えている Ajax フレームワークが多数あります。たとえば、Prototype (人気のある JavaScript ライブラリ: http://prototypejs.org) は、メソッドから返された JSON テキストを直接変換できる evalJSON() メソッドを提供します。サーバーを JavaScript 変数に変換します。 :
new Ajax.Request("http://url", {
method: "get",
onSuccess: function(transport) {
var json = Transport .responseText.evalJSON() ;
// TODO: document.write(json.xxx)
}
サーバー側で JSON 形式のデータを出力します
サーバーがデータを JSON 形式で出力する方法について説明します。Java を例として、Java オブジェクトを JSON 形式のテキストにエンコードする方法を説明します。
String オブジェクトを JSON 形式にエンコードする場合、処理する必要があるのは特殊文字のみです。さらに、文字列は (') ではなく (") で表す必要があります:

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

static String string2Json(String s) {
StringBuilder sb = new StringBuilder(s.length() 20);
sb.append('"');
for ( int i=0 ; ichar c = s.charAt(i);
case '"':
sb. append("\ "");
break;
case '\':
sb.append("\\");
break;
case '/':
sb.append( "\/");
break;
case 'b':
sb.append("\b"); 🎜>sb.append("\f");
break;
sb.append("\n"); :
sb.append("\r");
break;
case 't':
sb.append("\t");
sb.append(c);
}
}
sb.append('"');
return sb.toString();
}


数値を JSON として表現する方がはるかに簡単で、整数、長整数、浮動小数点などのさまざまな数値形式を処理できます。




コードをコピーします。

コードは次のとおりです。

static Stringnumber2Json(Numbernumber) { returnnumber.toString()} ブール型 toString() メソッドを通じて JSON 表現を直接取得することもできます。


コードをコピー

コード

static String boolean2Json(Boolean bool) { return bool.toString(); } 配列を JSON にエンコードするには


コードをコピー

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

static String array2Json(Object[] array) { if (array.length==0) return "[]"; StringBuilder sb = new StringBuilder(array.length << 4) ); sb.append('['); for (オブジェクト o : array) { sb.append(',');
}
// 最後の ' ,' を追加すると ']' になります:
sb.setCharAt(sb.length()-1, ']');
return sb.toString();
}


最後に、Map を JSON 形式にエンコードする必要があります。これは、JavaScript の Object が実際には Java の Map に対応するためです。メソッドは次のとおりです:




コードをコピーします


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


static String map2Json (Map マップ) {
if (map.isEmpty()) return "{}"; StringBuilder sb = new StringBuilder(map.size() << 4) ; sb .append('{'); Set for (String key :keys) { オブジェクト値 = map.get(key) );
sb.append('"');
sb.append('"');
sb.append(':'); >sb.append( toJson(value));
sb.append(',');
}
// 最後の ',' を '}' に変更します:
sb.setCharAt( sb.length( )-1, '}');
return sb.toString();


Java オブジェクトを均一に処理するために、エントリ メソッドを作成します。 toJson(Object)、任意の Java オブジェクトを JSON 形式にエンコードできます:




コードをコピー


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


public static String toJson(Object o) {
if (o==null)
return "null";
if (oinstanceof String)
return string2Json((String) )o); if (o Boolean のインスタンス) return boolean2Json((Boolean)o); if (o インスタンスの Number) return number2Json((Number)o); (o インスタンスの Map) return map2Json((Map)o); if (o Object[])
return array2Json((Object[])o); throw new RuntimeException("サポートされていないタイプ: " o.getClass().getName());


Java オブジェクトに対して厳密なチェックは実行しません。サポートされていないオブジェクト (List など) は直接 RuntimeException をスローします。さらに、出力 JSON が有効であることを確認するために、Map オブジェクトのキーに特殊文字を含めることはできません。注意深い読者は、循環参照されたオブジェクトが無限再帰を引き起こす可能性があることに気づくかもしれません。たとえば、循環参照された Map を注意深く構築すると、次のように StackOverflowException が検出されることがあります。 >
コードは次のとおりです。 @Test(expected=StackOverflowError.class) public void testRecurrsiveMap2Json() { Map = new HashMap(); map.put("key", map);
}


サーバーが処理します。JSON データは最終的には単純な JavaScript オブジェクトに変換されるため、再帰参照の可能性はほとんどありません。
最後に、サーブレットまたは MVC フレームワークを通じて JSON を出力する場合、正しい MIME タイプ (application/json) と文字エンコーディングを設定する必要があります。サーバーが UTF-8 エンコーディングを使用していると仮定すると、次のコードを使用して、エンコードされた JSON テキストを出力できます:



Copy code


コードは次のとおりです:概要
JSON はすでにJavaScriptの標準規格。現在、主流のブラウザは JSON を完全にサポートしています。 JSON を使用すると、Ajax を使用する Web 2.0 Web サイトにとって、JSON は現時点で最も柔軟で軽量なソリューションです。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。