削除された内容 追加された内容
編集の要約なし
syntaxhighlight 化。このページは最近、内容を更新したので。
5 行
たとえば、下記のような、htmlファイルに、javascript を組み込んだコードで、
 
<sourcesyntaxhighlight lang="javascript">
<html>
<body>
22 行
</body>
</html>
</syntaxhighlight>
</source>
 
における、
 
<sourcesyntaxhighlight lang="javascript">
var seiseki = [
{"name": "ヤマダ" , "kokugo": 80 , "suugaku": 70 },
{"name": "サトウ" , "kokugo": 60 , "suugaku": 90 }
]
</syntaxhighlight>
</source>
 
の部分が、JSONというデータ形式を採用したコードの例である。
47 行
 
さて、用語として
<sourcesyntaxhighlight lang="javascript">
{
"key": "value"
}
</syntaxhighlight>
</source>
 
という用語「key」と用語「value」を知ってください。
75 行
 
つまり
<sourcesyntaxhighlight lang="javascript">
// コメントを書くなら、ここか
var seiseki = [
82 行
]
// あるいは、ここにコメントを書くことになるだろう
</syntaxhighlight>
</source>
 
という事です。
89 行
JavaScriptのJSONオブジェクトはJavaScriptのオブジェクトをJSON文字列に変換したり、JSON文字列をJavaScriptのオブジェクトに変換したりすることができます。
 
<sourcesyntaxhighlight lang="javascript">
var json = JSON.stringify( { 'key': 'value' } );
alert(json); // {"key": "value"}
var object = JSON.parse(json);
</syntaxhighlight>
</source>
 
=== メソッド ===
104 行
'''JSONP'''(ジェイソンピー、'''''JSON''' with '''P'''adding'')とは、動的に<code>script</code>要素を生成してJSONが埋め込まれた外部スクリプトを読み込むテクニックを指します。
 
<sourcesyntaxhighlight lang="javascript">
function jsonp(json) {
alert( json.key );
113 行
script.src = 'http://www.example.com/api?callback=jsonp';
document.body.appendChild(script);
</syntaxhighlight>
</source>
 
ここで<nowiki>http</nowiki>://www.example.com/apiが次のような返答を返すことを想定します。
 
<sourcesyntaxhighlight lang="javascript">
jsonp({"key":"value"});
</syntaxhighlight>
</source>
 
するとあらかじめ定義しておいた<code>jsonp</code>関数が呼び出されるので、<code>"value"</code> と表示されます。このようなテクニックを用いて外部のウェブサーバとJSON形式のデータをやり取りすることができます。