最新のWeb開発のチュートリアル
 

JSONの仕方


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テキストを変換する機能を:

var obj = eval ("(" + text + ")");
»それを自分で試してみてください

eval()関数は、任意のJavaScriptをコンパイルして実行することができます。
これは、潜在的なセキュリティ上の問題を表します。 それを避けるようにしてください

JavaScriptのオブジェクトにJSONテキストを変換するために、JSONパーサーを使用する方が安全です。

JSONパーサーはJSONテキストを認識し、スクリプトがコンパイルされません。

ネイティブJSONサポートを提供するブラウザでは、JSONパーサーも高速です。

ネイティブJSONのサポートはすべての主要なブラウザで、最新のECMAScript(JavaScriptの)標準に含まれています:

Webブラウザのサポート
  • Firefox 3.5
  • Internet Explorer 8
  • Chrome
  • Opera 10
  • Safari 4

古いブラウザでは、JavaScriptライブラリは、利用可能ですhttps://github.com/douglascrockford/JSON-js

JSON形式はもともとによって指定されたDouglas Crockford