2

我有一个 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>

我收到一条提示未定义的警报。我究竟做错了什么?

4

1 回答 1

7

在这种情况下不需要评估,你可以这样做:

$.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()调用。

于 2010-08-16T20:09:29.037 回答