2011-06-21 24 views
1

我有一個mootools的request.json擺脫一個PHP函數的一些數據返回使用JSON陣列Request.JSON 1.3和JSON訪問值,並插入到HTML DOM:Mootools的從JSON數據

{"userID":"1", 
"userName":"Ezra", 
"total":5, 
"listItems":[ 
{"sessionID":"9", 
"sessionName":"tmimportertest100_(9-1_100)", 
"sessionCount":100, 
"sessionDC":"12:11AM - Jun 06 11", 
"sessionDM":"01:00AM - Jan 01 70", 
"sessionActive":"1"}, 
{"sessionID":"10", 
"sessionName":"tmimportertest100_(10-1_100)", 
"sessionCount":100, 
"sessionDC":"05:04PM - Jun 06 11", 
"sessionDM":"01:00AM - Jan 01 70", 
"sessionActive":"1"}]} 

我需要設置一個循環來將listItem插入到每個「sessionID」到「sessionActive」數據「集合」的div中。

var req = new Request.JSON(
{ 
url: 'ajax.php?action=getSessions', 
onSuccess: function(session) 
{ 
    // ???? 
} 
}).send(); 

MooTools的網站上的信息是一個可愛的這個東西迷惑,我知道basicly HOWTO注入的元素和創建它們的..但訪問JSON和它周圍創造一個循環..#困惑#

感謝您的幫助。

回答

2

你可以像普通的JavaScript對象那樣訪問json數據。

onSuccess: function(jsonData){ 
    var container = document.id('container'); 
    var items = jsonData.listItems; 
    Array.each(items, function(row){ 
     new Element('div').adopt(
      new Element('h1', {text:row.sessionName}), 
      new Element('h2.count', {text:row.sessionCount}) 
     ).inject(container); 
    }); 
}