javascript - Mootools 1.3 & JSON 使用 Request.JSON 访问 json 数组中的值，并将 HTML 从 json 数据插入 DOM

Question

我在 mootools 中有一个 request.json，用于从返回以下内容的 php 函数中获取一些数据:

{"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”的每个“数据集”将一个 listItem 插入到一个 div 中。

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

Mootools 网站上的信息对这些东西有点困惑，我基本上知道如何注入(inject)元素并创建它们..但是访问 json 并围绕它创建一个 for 循环..#confused#

感谢您的帮助。

Answer 1

您可以像普通的 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);
    });
}