Latest web development tutorials

JSONの使用

JSONテキストをJavaScriptオブジェクトに変換され、

JSONの最も一般的な用途の一つは、JSONデータはJavaScriptのオブジェクトに、(ファイルまたはHttpRequestのような)WebサーバのJSONデータから読み、[Webページでそのデータを使用しています。

それが簡単にあなたが説明できるようにするために、我々は(ファイルではなく)プレゼンテーションのための入力として文字列を使用します。


JSONインスタンス - 文字列からオブジェクト

JSONの構文を含むJavaScriptの文字列を作成します。

var txt = '{ "employees" : [' +
'{ "firstName":"John" , "lastName":"Doe" },' +
'{ "firstName":"Anna" , "lastName":"Smith" },' +
'{ "firstName":"Peter" , "lastName":"Jones" } ]}';

JSON構文はJavaScriptシンタックスの一部であるため、JavaScriptの評価()関数は、JSONはJavaScriptのオブジェクトにテキストを変換するために使用することができます。

eval()関数は、JavaScriptのコンパイラはJSONテキストを解析し、その後、JavaScriptオブジェクトを生成することができます使用しています。 構文エラーを回避するようにテキストは、括弧で囲む必要があります。

var obj = eval ("(" + txt + ")");

ページ内のJavaScriptオブジェクトを使用します:

<p>
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 软件支持
  • Firefox (Mozilla) 3.5
  • Internet Explorer 8
  • Chrome
  • Opera 10
  • Safari 4
  • jQuery
  • Yahoo UI
  • Prototype
  • Dojo
  • ECMAScript 1.5

»をお試しください

古いブラウザではJavaScriptライブラリを使用することができますについて: https://github.com/douglascrockford/JSON-js

JSON形式は、もともと開発された当初はダグラス・クロックフォードで指定されました