如何循环JSON数据？

Question

我有一个ashx页面,它返回以下JSON数据,我希望能够循环并将值添加到ul中的一堆li中.

我的问题是如何循环检索值.

从ashx返回的数据看起来像这样

{"ImageCollection":
    {
        "Images":
            [
                {
                    "ImageID":"62",
                    "CatID":"1",
                    "Location":"/Images/62.gif",
                    "FullHeight":"466","FullWidth":"606"
                },
                {
                    "ImageID":"63",
                    "CatID":"1",
                    "Location":"/Images/63.gif",
                    "FullHeight":"205",
                    "FullWidth":"751"
                }
            ]
    }
}

如果我试试这个

<script type="text/javascript">
    $.getJSON("/Service/GetJson.ashx?data=images", function(data) {
        var jsObjectData = eval(data);
        $.each(data, function(i, item) {
            alert(data[i].ImageID);
        });
    });
</script>

我得到一个单独的警报,表示未定义.我究竟做错了什么？

Answer 1

在这种情况下无需评估,您可以这样做:

$.getJSON("/Service/GetJson.ashx?data=images", function(data) {
    var jsObjectData = data.ImageCollection.Images;
    $.each(jsObjectData, function(i, item) {
        alert(item.ImageID);
    });
});

$.getJSON()已经将它转换为一个对象,所以就这样对待它,data是整个对象,并且你想要循环通过它ImageCollection.Images,所以将它传递给你的$.each()调用.