JSONデータの使い方
2008-03-21 (金)カテゴリJavascript
やはりXMLよりJSONデータの方がJavascriptでは使いやすいみたい。当然…か
以下のようなデータを用意する
var data = {
'news' : {
1 : {
'date' : "2008年3月21日",
'title' : "コンテンツ更新しました",
'contnets' : "JSONって扱いが楽"
},
2 : {
'date' : "2008年3月19日",
'title' : "リニューアルしました",
'contnets' : "うまくやれます<br />こんな感じでタグもOK"
}
}
}
上記、呼び出すJavascriptは
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>';
}
としてあげると。。
<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ページで連動させるとすれば結構良いですね。







