在 jQuery 中循环 JSON

Question

我知道以前有人问过这个问题，但我无法让它工作。非常感谢任何帮助。

这是 var obj 的内容：

{
    "1": {
        "key1": "val",
        "key2": "val2"
    },
    "91": {
        "key1": "val",
        "key2": "val2"
    }
}

我是这样循环的..

$.post("path/to/script.php", {
    'param': $('#param').val()
}, function (r) {
    var obj = $.parseJSON(r);
    $.each(obj, function (k, v) {
        //doing some stuff with v.key1,v.key2 etc
    });
});

并且在 jQuery 的某处得到一个经典有用的 JS 错误

TypeError: 'in' 操作数 a 无效

Answer 1

对象是嵌套的，所以你必须嵌套each。

var obj = {
    "1": {
        "key1": "val",
        "key2": "val2"
    },
    "91": {
        "key1": "val",
        "key2": "val2"
    }
};

如果您将 JSON 作为字符串获取，则需要将字符串解析为 JSON。

var r = '{"1": {"key1": "val","key2": "val2"},"91": {"key1": "val","key2": "val2"}}';

var obj = JSON.parse(r);
$.each(obj, function(k, v) {
  $.each(v, function(key, value) {
    console.log(value);
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.0/jquery.min.js"></script>

演示：https://jsfiddle.net/L09bjjtc/1/

如果您以 JSON 格式获取响应，则可以使用 post 方法的 dataType 选项：

$.post( "test.php", { func: "getNameAndTime" }, function( data ) {
    // data is JSON object
    // Data processing here
}, "json");

文档：https://api.jquery.com/jquery.post/