我有一个 json 对象,我想打印它的键/值
对组合。但我的对象是嵌套的。所以我想循环遍历每个对象并显示其键/值对。
fiddle :http://jsfiddle.net/ydzsaot5/
代码:
var html='';
var contextObj = {"CategoryID":"1","BillerID":"23","BillerName":"MERCS","RequestType":"QuickPay","AccountNo":"1234567890","Authenticator":"{\"EmailAddress\":\"dfgsdfgsdfg\",\"MobileNumber\":\"65-4576573\",\"ID\":\"4572-4756876-8\"}","Token":"3C639AE65"};
html = getKeyValueJson(contextObj, html);
$('div').html(html);
function getKeyValueJson(obj, html) {
$.each(obj, function (key, value) {
if (value == null) {
return
}
if (typeof value == 'object') {
getKeyValueJson(value, html);
}
else {
html += '<label>' + key + '</label> :- <label>' + value + '</label><br>';
}
});
return html;
}
我想以这种方式打印:
....
AccountNo :- 1234567890
EmailAddress :- dfgsdfgsdfg
MobileNumber :- 65-4576573
....
Token :- 3C639AE65
最佳答案
问题出在你的 json 和你的代码中,你只是将它作为字符串给出
"{\"EmailAddress\":\"dfgsdfgsdfg\",\"MobileNumber\":\"65-4576573\",\"ID\":\"4572-4756876-8\"}"
更改为
{"EmailAddress":"dfgsdfgsdfg","MobileNumber":"65-4576573","ID":"4572-4756876-8"}
var html = '';
var contextObj = {
"CategoryID": "1",
"BillerID": "23",
"BillerName": "MERCS",
"RequestType": "QuickPay",
"AccountNo": "1234567890",
"Authenticator": "{\"EmailAddress\":\"dfgsdfgsdfg\",\"MobileNumber\":\"65-4576573\",\"ID\":\"4572-4756876-8\"}",
"Token": "3C639AE65"
};
html = getKeyValueJson(contextObj, html);
$('div').html(html);
function getKeyValueJson(obj, html) {
$.each(obj, function(key, value) {
value = parseIt(value) || value;
if (value == null) {
return
}
console.log(typeof value);
if (typeof value == 'object') {
html += getKeyValueJson(value, html);
} else {
html += '<label>' + key + '</label> :- <label>' + value + '</label><br>';
}
});
return html;
}
function parseIt(str) {
try { return JSON.parse(str); } catch(e) { return false; }
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<div>
</div>
关于javascript - 循环嵌套 json 对象并显示键/值对,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26271169/