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

时间:2011-06-21 06:23:08

标签: javascript json mootools

我在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"}]}

我需要设置一个循环,将listItem插入div中,用于从“sessionID”到“sessionActive”的每个“数据集”。

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

Mootools网站上的信息对这些东西感到困惑,我基本上知道如何注入元素并创建它们......但是访问json并在它周围创建一个for循环.. #confused#

感谢您的帮助。

1 个答案:

答案 0 :(得分: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);
    });
}