私は小さなウェブカレンダーを開発しようとしています。ユーザーは1週間の概要を取得し、「来週表示」を押すと、次の7日間はjQueryと非同期で読み込まれるはずです。JSONデータは次のようになります。
{
"user":[
{
"id":"12345",
"days":{
"09-07-2012":{
"10:00":{
"time":"10:00",
"length":"30",
"appointmentid":"159487"
},
"11:00":{
"time":"11:00",
"length":"30",
"appointmentid":"159487"
},
"12:00":{
"time":"12:00",
"length":"30",
"appointmentid":"159487"
}
},
"10-07-2012":{
"10:00":{
"time":"10:00",
"length":"30",
"appointmentid":"159487"
},
"11:00":{
"time":"11:00",
"length":"30",
"appointmentid":"159487"
},
"12:00":{
"time":"12:00",
"length":"30",
"appointmentid":"159487"
}
},
"11-07-2012":{
"10:00":{
"time":"10:00",
"length":"30",
"appointmentid":"159487"
},
"11:00":{
"time":"11:00",
"length":"30",
"appointmentid":"159487"
},
"12:00":{
"time":"12:00",
"length":"30",
"appointmentid":"159487"
}
}
}
}
]
}
これらのデータを処理してHTMLテーブルに表示するにはどうすればよいですか?jQuery関数を使用すると、2番目の次元をスローすることしかできません...したがって、IDと日数のみを取得します...
$.each(data.user, function(i,data){
...
}
では、どのようにして配列全体をスローし、UIにデータを入力することができますか?ネストされた各関数を使用する必要がありますか?
トーマスに挨拶