使用 Javascript / JQuery 迭代 JSON 响应答案

【问题标题】：Iterate JSON Response with Javascript / JQuery使用 Javascript / JQuery 迭代 JSON 响应
【发布时间】：2015-06-01 08:26:21
【问题描述】：

我有以下 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”之类的属性

【问题讨论】：

标签： javascript jquery arrays json object

【解决方案1】：

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

【讨论】：

【解决方案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");
}

【讨论】：

【解决方案3】：

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

});

【讨论】：

【解决方案4】：

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

DocumentResponseResults[i].Name

DocumentResponseResults[i].Id

其中“i”是一个数字。

如果要遍历数组，可以使用jQuery.each()

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

或者只是一个 for() 循环。

【讨论】：

【解决方案5】：

jsonData.DocumentResponseResults 是 items 属性。

【讨论】：