JSONデータの使い方

2008-03-21 (金)カテゴリJavascriptタグ

やはりXMLよりJSONデータの方がJavascriptでは使いやすいみたい。当然…か

以下のようなデータを用意する

Java Script
var data = {
	'news' : {
		1 : {
			'date' : "2008年3月21日",
			'title' : "コンテンツ更新しました",
			'contnets' : "JSONって扱いが楽"
		},
		2 : {
			'date' : "2008年3月19日",
			'title' : "リニューアルしました",
			'contnets' : "うまくやれます<br />こんな感じでタグもOK"
		}
	}
}

上記、呼び出すJavascriptは

Java Script
var view="";
for(i=1;i<3;i++){
	view += '<div class="news">';
	view += '<p class="date">'+data["news"][i]["date"]+'</p>';
	view += '<p class="title">'+data["news"][i]["title"]+'</p>';
	view += '<p class="contnets">'+data["news"][i]["contnets"]+'</p>';
	view += '</div>';
}

としてあげると。。

HTML
<div class="news">
	<p class="date">2008年3月21日</p>
	<p class="title">コンテンツ更新しました</p>
	<p class="contnets">JSONって扱いが楽</p>
</div>
<div class="news">
	<p class="date">2008年3月19日</p>
	<p class="title">リニューアルしました</p>
	<p class="contnets">うまくやれます<br />こんな感じでタグもOK</p>
</div>

ってな感じで出力されますね。
うーん指定が簡単(^ー^)
XMLのパースだとXMLHttpRequest使うとか、ライブラリ使うなどする必要があるのがなぁ…
自力で書けなくはないが、あまりお勧めじゃないかも。XMLの扱いがブラウザ毎で若干挙動違うのも面倒かも。

FLASHとかでもJSON使えるからリンク載せときます。
CMSで吐き出したJSONデータをFLASHとHTMLページで連動させるとすれば結構良いですね。

FLASHでJSONデータの読込

コメントをする

http://mizoochi.com/archives/216.html/trackback