JSONの使用
JSONテキストをJavaScriptオブジェクトに変換され、
JSONの最も一般的な用途の一つは、JSONデータはJavaScriptのオブジェクトに、(ファイルまたはHttpRequestのような)WebサーバのJSONデータから読み、[Webページでそのデータを使用しています。
それが簡単にあなたが説明できるようにするために、我々は(ファイルではなく)プレゼンテーションのための入力として文字列を使用します。
JSONインスタンス - 文字列からオブジェクト
JSONの構文を含むJavaScriptの文字列を作成します。
'{ "firstName":"John" , "lastName":"Doe" },' +
'{ "firstName":"Anna" , "lastName":"Smith" },' +
'{ "firstName":"Peter" , "lastName":"Jones" } ]}';
JSON構文はJavaScriptシンタックスの一部であるため、JavaScriptの評価()関数は、JSONはJavaScriptのオブジェクトにテキストを変換するために使用することができます。
eval()関数は、JavaScriptのコンパイラはJSONテキストを解析し、その後、JavaScriptオブジェクトを生成することができます使用しています。 構文エラーを回避するようにテキストは、括弧で囲む必要があります。
ページ内のJavaScriptオブジェクトを使用します:
例
First Name: <span id="fname"></span><br />
Last Name: <span id="lname"></span><br />
</p>
<script>
document.getElementById("fname").innerHTML = obj.employees[1].firstName
document.getElementById("lname").innerHTML = obj.employees[1].lastName
</script>
»をお試しください
JSONパーサー
eval()関数は、任意のJavaScriptコードをコンパイルして実行することができます。 これは、潜在的なセキュリティ上の問題を非表示にします。
JSONはJavaScriptオブジェクトを変換するために、JSONパーサーを使用すると、より安全なアプローチです。 JSON JSONテキストパーサは認識しますが、スクリプトはコンパイルされません。
ネイティブJSONサポートを提供し、ブラウザでは、JSONパーサーと高速。
新しいブラウザと最新のECMAScript(JavaScriptの)標準は、JSONのネイティブサポートがある含まれています。
Web 浏览器支持 | Web 软件支持 |
---|---|
|
|
古いブラウザではJavaScriptライブラリを使用することができますについて: https://github.com/douglascrockford/JSON-js
JSON形式は、もともと開発された当初はダグラス・クロックフォードで指定されました