Java 在HTML中显示JSON对象数组作为来自Jersey的响应

我试图在HTML中显示一个JSON数组，作为Jersey的响应

我得到的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;
}

---

如果使用jQuery/Ajax进行调用，则可以执行以下操作：

HTML

jQuery

---

希望这有帮助。如果我在这里偏离了基准，请告诉我。

使用jQuery，您可以执行以下操作：

HTML:

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] );
   }
}

---

使用JavaScript。您可以自己构建它，也可以使用数百个可以处理json的JavaScript框架之一。您是否使用jquery/ajax发出请求？可以使用google angularjs，示例应用程序angularjs+jersey+spring+springsecurity，如果它是$.post，那么在我的jersey资源中，它应该是我的@post而不是@GET。它是var o=$.parseJSONdata吗？实际上，您可以使用$.get方法，或者@POST，随便您喜欢。是的，它是var o=$.parseJSONdata$view.clickfunction{alertview called；$.getJSON'rest/service/view'，functiondata{$.eachdata，functionk，arr{$'table tbody'。append+k++arr.Group++arr.balance++arr.description+；}；}；}；我使用了上面的代码，它工作得很好。谢谢你的帮助没问题，我会改变答案来反映这一点。干得好

$.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>');
    });
});

<table>
   <tr></tr>
</table>

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] );
   }
}