在HTML中显示JSON对象数组作为泽西的响应
在HTML中显示JSON对象数组作为泽西的响应
提问于 2015-03-02 18:36:23
我试图在HTML中显示一个JSON数组，这是来自泽西岛的响应。
我得到的JSON数组如下：
{"balance":
[
{"Group":"new","balance":" 10","description":"Cost vehicles"},
{"Group":"new","balance":"677","description":"Motor vehicles"}
]
}如何在HTML中以表的形式显示这种JSON？
资源方法如下：
@GET
@Produces("application/json")
@Path("/view")
public ArrayList<BalanceSheet> viewBalanceSheet(){
ArrayList <BalanceSheet> balanceList=BalanceSheetService.getBalanceSheet();
return balanceList;
}回答 2
Stack Overflow用户
回答已采纳
发布于 2015-03-02 18:55:50
如果使用jQuery/Ajax进行调用，则可以这样做：
<table id="your-table">
<thead>
<tr>
<td>Name</td><td>Group</td><td>Balance</td><td>Description</td>
</tr>
</thead>
<tbody>
</tbody>
</table>jQuery
$.getJSON('rest/service/view', function (data) {
$.each(data, function (k, arr) {
$('#your-table tbody').append('<tr><td>' + k + '</td><td>' + arr.Group + '</td><td>' + arr.balance + '</td><td>' + arr.description + '</td></tr>');
});
});希望这能有所帮助。如果我离基地很远就告诉我。
Stack Overflow用户
发布于 2015-03-02 18:59:24
使用jQuery，您可以这样做：
<table>
<tr></tr>
</table>jQuery代码(它用于处理json数组中有多少散列)：
var heads = yourJson.ballance[0];
for (colHead in heads) {
$('table tr:first-child').append('<th>').html(col);
}
for (var i=0; i<yourJson.ballance.length; i++) {
var row = yourJson.ballance[i];
for (col in row) {
$('table').append('<tr>').append('<td>').html( row[col] );
}
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/28816995
复制相关文章
相似问题
腾讯云开发者
