使用Javascript / JQuery迭代JSON响应

Question

我有以下JSON响应，尝试使用Javascript进行迭代：-

{
    "DocumentResponseResults": [
        {
            "Name": "Example1",
            "Id": "1"
        },
        {
            "Name": "Example2",
            "Id": "2"
        },
        {
            "Name": "Example3",
            "Id": "3"
        }
    ]
}

我已经测试过使用在线验证器来确保其有效的JSON。

我正在通过asp.net中WebMethod的响应收到此消息。

在响应中，它看起来像这样：-

d:"{"DocumentResponseResults":[{"Name":"Example1","Id":"1"},{"Name":"Example2","Id":"2"},{"Name":"Example3","Id":"3"}]}"

我正在尝试迭代JSON字符串中的项目。

我从这样解析开始：-

var jsonData = JSON.parse(response.d);

我试图通过访问Items集合来迭代对象数组，但是javascript通知我items属性未定义。

任何人都可以建议我如何迭代集合，并提取诸如“名称”和“ Id”之类的属性

Answer 1

jsonData.DocumentResponseResults.forEach(function(Result) {
  console.log(Result.Name)
});

Answer 2

var items = response.DocumentResponseResults //gets you array
for (var i = 0; i < items .length; i++) { 
    var name = items[i].Name;
    var id = items[i].Id;
    console.log("Name:"+name + " Id:"+id+"\n");
}

Answer 3

$.each( jsonData.DocumentResponseResults , function( k, v )
{
    //here you can access v.Name, v.Id etc.                

});

Answer 4

您可以通过以下方式访问数组：

DocumentResponseResults[i].Name

DocumentResponseResults[i].Id

其中“ i”是数字。

如果要遍历数组，可以使用jQuery.each（）

http://api.jquery.com/jquery.each/

或只是一个for（）循环。

Answer 5

jsonData.DocumentResponseResults是项属性。