使用jQuery循环并获取JSON数组的键/值对

Question

我想循环一个JSON数组并显示键和值。

它应该是以下帖子的简化版本，但我似乎没有正确的语法： jQuery'each'循环与JSON数组

我还看到了使用jQuery在JSON中获取键/值对中键的名称？ ，但它似乎也是一个简单活动的代码。

这说明了我正在寻找的东西（但它不起作用）：

var result = '{"FirstName":"John","LastName":"Doe","Email":"johndoe@johndoe.com","Phone":"123 dead drive"}';
$.each(result, function(k, v) {
             //display the key and value pair
            alert(k + ' is ' + v);
        });

没有强制性的jQuery要求，但它是可用的。 如果它减少了所需的代码，我也可以重构JSON。

Answer 1

您有一个表示JSON序列化JavaScript对象的字符串。 在能够遍历其属性之前，需要将其反序列化为JavaScript对象。 否则，您将循环遍历此字符串的每个单独字符。

var resultJSON = '{"FirstName":"John","LastName":"Doe","Email":"johndoe@johndoe.com","Phone":"123 dead drive"}';
var result = $.parseJSON(resultJSON);
$.each(result, function(k, v) {
    //display the key and value pair
    alert(k + ' is ' + v);
});

现场演示 。

Answer 2

var obj = $.parseJSON(result); for (var prop in obj) { alert(prop + " is " + obj[prop]); }

Answer 3

如果是这样的一个数组，您可以直接获取值：

var resultJSON = '{"FirstName":"John","LastName":"Doe","Email":"johndoe@johndoe.com","Phone":"123 dead drive"}';
var result = $.parseJSON(resultJSON);
result['FirstName']; // return 'John'
result['LastName'];  // return ''Doe'
result['Email']; // return 'johndoe@johndoe.com'
result['Phone'];  // return '123'

Answer 4

以下内容适用于JSON返回的字符串。 它也适用于关联数据数组。

for (var key in data)
     alert(key + ' is ' + data[key]);

Answer 5

解析JSON字符串，您可以遍历键。

 var resultJSON = '{"FirstName":"John","LastName":"Doe","Email":"johndoe@johndoe.com","Phone":"123 dead drive"}'; var data = JSON.parse(resultJSON); for (var key in data) { //console.log(key + ' : ' + data[key]); alert(key + ' --> ' + data[key]); } 

Answer 6

解决此问题的最佳和完美解决方案：

我尝试了jQuery与Ajax成功响应，但它不起作用所以我发明了自己的，最后它的工作原理！

单击此处查看完整解决方案

var rs = '{"test" : "Got it perfect!","message" : "Got it!"}';
eval("var toObject = "+ rs + ";");
alert(toObject.message);