AJAX jQuery返回json数据循环键和值

Question

嘿，当我调用ajax coldfusion .cfc页面时，当前所有返回的JSON如下：

"[{\"USERA\": \"LiveP\", \"STATE\": \"None Given\", \"ROLES\": \"District Administrator<br/>Personnel Admin<br/>**** Coordinator\", \"ROLEASSIGNED\": \"LG AdminPersonnel System\", \"ADDRESS\": \"None Given\", \"UPDATEURL\": \"/personnel/search_ajax.cfc?func=edit=2*******\", \"TELEPHONE\": \"None Given\", \"ADDRESS2\": \"None Given\", \"ZIPCODE\": \"None Given\", \"LOCATION\": \"<a href=\\\"locations.cfm?func=view&locationID=\\\"2*******\\\">Demo New School (Primary)</a>\", \"SYSTEMID\": 87024, \"HOMETELEPHONE\": \"None Given\", \"MANAGEURL\": \"tools.cfm?userID=2*******\", \"MERGEURL\": \"/personnel/search_ajax.cfc?func=merge&userID=2*******\", \"EMAIL\": \"noaddress@noaddress.com\", \"SUBJECTTAUGHT\": \"None Given\", \"CITY\": \"None Given\", \"POSITION\": \"None Given\"}]"

当我在下面运行此代码时，它给出了上面的JSON：

success: function(data) {
    var sData = JSON.stringify(data);                                     
    console.log(sData);
},

现在，如果我不使用JSON.stringify，那么我的输出是：

[Object]

我最终想做的是遍历此返回的JSON并获取键和值， 而无需知道键 （即sData.Address，sData.Address2，sData.City等）。

我打算将其以这种格式放置：

var theHTML = "";

$.each(data,function(key,value){
   theHTML += "<tr><td>" + key + "</td><td>" + value + "</td></tr>";
})

那只会返回：

<tr><td>0</td><td>[object Object]</td></tr>

我确定我只是缺少了一些东西，但是我找不到那是什么。

Answer 1

看起来您的数据在数组中，并且您想遍历数组中的第一个对象。 你可以试试看。

var theHTML = "";

$.each(data[0],function(key,value){
   theHTML += "<tr><td>" + key + "</td><td>" + value + "</td></tr>";
})

Answer 2

Semone的解决方案将为您提供所需的东西，但是此代码将遍历嵌套对象。 您可以突出显示/设置嵌套表的样式或使用级别或其他内容进行指示。

http://codepen.io/anon/pen/xEVQZb

JS：

var displayObjectData = function(obj) {   
  for(var key in obj) {
    var value = obj[key];
    if(typeof value == "object") {      
     theHTML += "<tr><td colspan='2'><table>";
     displayObjectData(value);
      theHTML += "</table></td></tr>";
    }
    else {      
      theHTML += "<tr><td>" + key + "</td><td>" + value + "</td></tr>";
    }
  }
};
displayObjectData(data);