jQuery循环JSON数据 - jQuery Looping JSON Data

jQuery Looping JSON Data

本文关键字：数据 JSON 循环 jQuery | 更新日期: 2023-09-27

我已经创建了api来从我的服务器检索数据，然后我得到json格式的数据，像这样:

{
"items": [
    {
        "2013-03-28": 1771,
        "2013-03-29": 1585,
        "2013-03-30": 1582,
        "2013-03-31": 1476,
        "2013-04-01": 2070,
        "2013-04-02": 2058,
        "2013-04-03": 1981,
        "2013-04-04": 1857,
        "2013-04-05": 1806,
        "2013-04-06": 1677,
        "2013-04-07": 1654,
        "2013-04-08": 2192,
        "2013-04-09": 2028,
        "2013-04-10": 1974,
        "2013-04-11": 1954,
        "2013-04-12": 1813,
        "2013-04-13": 1503,
        "2013-04-14": 1454,
        "2013-04-15": 1957,
        "2013-04-16": 1395
    }
  ]
}

我如何使用jQuery动态循环我的json数据?我的代码:

<html>
<head></head>
<body>
<script src="jquery-1.9.1.js"></script>
<script>
   $(document).ready(function() {
    $.ajax({
        type : "GET",
        url: "myurl.php",
        cache: false,
        dataType: "jsonp",
        success:function(data){
            if(data==''){
                alert('Fail');
            }else{
                alert('Success');   
            }
        }
    })
  });
</script>
</body>
</html>

我如何修改我的jQuery动态获取数据的日期之后，数据将每天变化的例子，我写了上面的数据?由于之前…

对于您的示例数据，有一些事情需要考虑，但是对于您的情况，下面的方法可以解决问题:

var importantObject = data.items[0];
for(var item in importantObject ){
    var theDate = item;//the KEY
    var theNumber = importantObject[item];//the VALUE
}

下面是一个工作示例

但是这一切意味着什么呢?

首先，我们需要得到我们想要处理的对象，这是在{ }(意味着对象)之间找到的日期/数字列表-数组定义为[ ]。根据给出的示例，可以这样实现:

var importantObject = data.items[0];

因为items是一个数组，而我们想要的对象是该数组中的第一项。

然后我们可以使用foreach技术，它有效地迭代对象的所有属性。在本例中，属性是日期值:

for(var item in importantObject ){ ... }

因为我们正在迭代属性，item将是属性值(即日期位)，所以item 是日期值:

var theDate = item;//the KEY

最后我们得到数字部分。我们可以通过使用属性索引的字符串值(相对于对象)访问任何给定对象属性的值，如下所示:

var theNumber = importantObject[item];//the VALUE

如果你已经知道你想要的日期值，那么你可以直接访问它，像这样:

var myValue = data.items[0]["2013-04-16"];//myValue will be 1395 in this example

使用jQuery.each()遍历items

$.each(data.items[0], function (key, value) {
    console.log(key + ": " + value);
    var date = key;
    var number = value;
});

演示

您可以使用jQuery的每个函数来做到这一点。例如:

$.each(data, function(k, v) {
    // Access items here
});

其中k为键，v为当前处理项的值

//获取详细信息。

var detail = data.items[0];

$。每个(detail, function(key, val)) {

console.log(key + ": " + val);

}