JSONの紹介
オンラインの例
私たちのエディタを使用すると、オンラインのJavaScriptコードを編集することができますし、ボタンをクリックして結果を表示します:
JSONの例
<!DOCTYPE html>
<html>
<body>
<h2>JSON Object Creation in JavaScript</h2>
<html>
<body>
<h2>JSON Object Creation in JavaScript</h2>
<p>
Name: <span id="jname"></span><br />
Age: <span id="jage"></span><br />
Address: <span id="jstreet"></span><br />
Phone: <span id="jphone"></span><br />
</p>
<script>
var JSONObject= {
"name":"John Johnson",
"street":"Oslo West 555",
"age":33,
"phone":"555 1234567"};
document.getElementById("jname").innerHTML=JSONObject.name
document.getElementById("jage").innerHTML=JSONObject.age
document.getElementById("jstreet").innerHTML=JSONObject.street
document.getElementById("jphone").innerHTML=JSONObject.phone
</script>
</body>
</html>
»をお試しください
オンラインインスタンスを表示するには、「お試し」ボタンをクリックします。
XMLと共通の
- JSONはテキストです
- JSON「自己記述」(人間が読めます)
- 階層構造を持つJSON(値の値が存在します)
- JSONはJavaScriptので解析することができます
- JSONデータは、AJAXを使用して送信することができ
そして、XMLが異なります
- いいえ終了タグはありません
- ショーター
- 速く読みます
- あなたは、解析するために、組み込みのJavaScriptのeval()メソッドを使用することができます
- アレイを使用して
- 予約語を使用しないでください
なぜJSONを使うのか?
AJAXアプリケーション、より高速なXMLを超えるJSONで使いやすいの場合:
XMLを使用します
- XML文書を読みます
- 文書回覧を横断するには、XML DOMを使用します
- そして、変数に格納されている値を読み取ります
JSONを使用しました
- JSON文字列を読みます
- evalの()のJSON文字列処理を使用します