JSONの一般的な用途は、ウェブページのデータをWebサーバからデータを読み出し、表示することです。
簡単にするために、これは、(ファイルの代わりに)入力として文字列を使用して実証することができます。
JSON例 - 文字列からオブジェクト
JSONの構文を含むJavaScriptの文字列を作成します。
var text = '{ "employees" : [' +
'{ "firstName":"John" , "lastName":"Doe" },' +
'{ "firstName":"Anna" , "lastName":"Smith" },' +
'{ "firstName":"Peter" , "lastName":"Jones" } ]}';
JSON構文はJavaScriptの構文のサブセットです。
JavaScript関数JSON.parse( text ) JavaScriptのオブジェクトにJSONテキストを変換するために使用することができます。
var obj = JSON.parse(text);
あなたのページに新しいJavaScriptオブジェクトを使用します。
例
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML =
obj.employees[1].firstName
+ " " + obj.employees[1].lastName;
</script>
»それを自分で試してみてください 使用してeval()
JavaScript関数のサポートなしで、古いブラウザJSON.parse()を使用することができるeval() JavaScriptオブジェクトにJSONテキストを変換する機能を:
eval()関数は、任意のJavaScriptをコンパイルして実行することができます。
これは、潜在的なセキュリティ上の問題を表します。 それを避けるようにしてください 。
JavaScriptのオブジェクトにJSONテキストを変換するために、JSONパーサーを使用する方が安全です。
JSONパーサーはJSONテキストを認識し、スクリプトがコンパイルされません。
ネイティブJSONサポートを提供するブラウザでは、JSONパーサーも高速です。
ネイティブJSONのサポートはすべての主要なブラウザで、最新のECMAScript(JavaScriptの)標準に含まれています:
Webブラウザのサポート |
---|
|
古いブラウザでは、JavaScriptライブラリは、利用可能ですhttps://github.com/douglascrockford/JSON-js 。
JSON形式はもともとによって指定されたDouglas Crockford 。