使用JQuery在Javascript中解析外部JSON文件（包含数组元素）

Question

我想在javascript中解析外部JSON文件，该文件中包含数组和其他元素。 这是名为“ TotalUsers.json”的JSON文件

{"@version":"1.0",
"@generatedDate":"12/20/10 5:24 PM",
"day":[{"@value":"53819","@date":"2010-12-01"},
    {"@value":"57558","@date":"2010-12-02"},
    {"@value":"61141","@date":"2010-12-03"}]}

我想在两个单独的数组daysTotal和valuesTotal中获取day数组的'value'和'day'元素。 我正在尝试使用JQuery的getJSON方法实现这一点。 但是，我对日数组的内部格式感到困惑。

格式化后，两个输出数组应如下所示：

valuesTotal = [53819，57558，61141]; daysTotal = [2010-12-01、2010-12-02、2010-12-03]；

这是我的责任，

$.getJSON('TotalUsers.json', function(data) {
    var valuesTotal  = [];
    var daysTotal = [];
    $.each(data, function(key, val) {
        if (key == day)
        {
            daysTotal.push('<li id="' + key.key + '">' + key.val + '</li>');
        }
        else
        {
            valuesTotal .push('<li id="' + key + '">' + val + '</li>');
        }
    });
});

请提供逻辑帮助，我对JSON和javascript很陌生。

任何帮助将不胜感激。

谢谢。

Answer 1

day是不确定'day' ，尽管您真正想要的是：

$.getJSON('TotalUsers.json', function(data) {
    var valuesTotal = [];
    var daysTotal = [];
    $.each(data.day, function(key, obj) {
        valuesTotal.push('<li id="value-' + key + '">' + obj["@value"] + '</li>');
        daysTotal.push('<li id="day-' + key + '">' + obj["@date"] + '</li>');
    });
});​

只需遍历day数组，填充两个子数组。

演示： http ： //jsfiddle.net/hjjTU/