2011-06-21 6 views
1

JSONデータからDOMに1.3&JSONアクセスRequest.JSONとJSON配列内の値とHTMLを挿入します。MooToolsは、私は次返すPHP関数からいくつかのデータを取得するために、MooToolsの中request.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"}]} 

"sessionID"から "sessionActive"までのデータの "セット"ごとにdivにlistItemを挿入するループをセットアップする必要があります。

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

MooToolsはウェブサイト上の情報は、このようなものに混乱lilのですが、私はbasicly HOWTOの要素を注入し、それらを作成する知っている..しかし、JSONにアクセスし、その周りにループのために作成..#混乱し#

ご協力いただきありがとうございます。

答えて

2

jsonデータには、通常のjavascriptオブジェクトとしてアクセスします。

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); 
    }); 
} 
関連する問題