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

JSON - はじめに


JSON - JavaScriptのオブジェクトへの評価

JSON形式はJavaScriptオブジェクトを作成するためのコードと構文的に同じです。

このため、類似の代わりに、(XMLがするように)パーサーを使用するのでは、JavaScriptプログラムは、ネイティブのJavaScriptオブジェクトにJSONデータを変換するために、標準のJavaScript関数を使用することができます。


それを自分で試してみてください

私たちのエディタを使用すると、オンラインのJavaScriptコードを編集することができ、その結果を表示するには、ボタンをクリックしてください:

JSON例

<!DOCTYPE html>
<html>
<body>

<h2>JSON Object Creation in JavaScript</h2>

<p id="demo"></p>

<script>
var text = '{"name":"John Johnson","street":"Oslo West 16","phone":"555 1234567"}';

var obj = JSON.parse(text);

document.getElementById("demo").innerHTML =
obj.name + "<br>" +
obj.street + "<br>" +
obj.phone;
</script>

</body>
</html>
»それを自分で試してみてください

多くのXML好きだから

  • JSONとXMLの両方が「自己記述」(人間が読める)であります
  • JSONとXMLの両方が(値の範囲内の値)階層的です
  • JSONとXMLの両方がプログラミング言語の多くによって解析され、使用することができます
  • JSONとXMLの両方がXMLHttpRequestのでフェッチすることができます

XMLとは異なり、多くのため、

  • JSONは、終了タグを使用していません
  • JSONは短く、
  • JSONは読み書きが速いです
  • JSONは配列を使用することができます

最大の違いは、次のとおりです。

XMLは、XMLパーサーで解析する必要があり、JSONは、標準のJavaScript関数によって解析できます。


なぜJSON?

AJAXアプリケーションでは、JSONはXMLよりも迅速かつ容易です。

XMLを使用します

  • XMLドキュメントを取得します
  • ドキュメントをループするためにXMLのDOMを使用してください
  • 値を抽出し、変数に格納

JSONを使用しました

  • JSON文字列を取得します
  • JSON文字列をJSON.Parse