在HTML中顯示JSON對象數組作爲來自澤西島的響應

我想顯示一個JSON數組，我得到澤西島的響應。在HTML中顯示JSON對象數組作爲來自澤西島的響應

我得到JSON數組如下：

{"balance": 
     [ 
      {"Group":"new","balance":" 10","description":"Cost vehicles"}, 
      {"Group":"new","balance":"677","description":"Motor vehicles"} 
     ] 
}

我怎麼能顯示這種JSON的HTML作爲表？

資源的方法如下：

@GET 
@Produces("application/json") 
@Path("/view") 
public ArrayList<BalanceSheet> viewBalanceSheet(){ 

ArrayList <BalanceSheet> balanceList=BalanceSheetService.getBalanceSheet(); 

    return balanceList; 
}

來源

2015-03-02 user3946910

使用JavaScript。你可以自己編譯它，或者使用可以處理json的數百個JavaScript框架之一。 http://stackoverflow.com/questions/1051061/convert-json-array-to-an-html-table-in-jquer – jHilscher 2015-03-02 18:42:16

你使用jquery/ajax來提出請求嗎？ – wrxsti 2015-03-02 18:48:26

谷歌angularjs可以使用，示例應用程序angularjs +球衣+彈簧+ springsecurity https://github.com/uttesh/AngularJERSEYRESTSpringSecurityTemplate – 2015-03-02 18:53:48

如果您使用jQuery/Ajax來使你可以做一些這方面的電話：

HTML

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

希望這會有所幫助。讓我知道，如果我在這裏的基礎。

來源

2015-03-02 18:55:50 wrxsti

如果它的$ .post（）然後在我球衣資源它應該我「@ POST而不是」@得到。它是var o = $。parseJSON（data）？ – user3946910 2015-03-02 19:09:33

其實你可以使用$ .get（）方法，或者@POST，無論你喜歡什麼。是的，它是var o = $ .parseJSON（data）; – wrxsti 2015-03-02 19:11:34

$（「＃視圖」）點擊（函數（）{ \t警報（「視圖稱爲」）; \t $ .getJSON（ '休息/服務/視圖'，函數（數據）{ \t \t $。每（數據，函數（K，ARR）{ \t $（ '＃表TBODY'）。追加（」 '+ K +''+ arr.Group +''+ arr.balance +''+ arr.description +''）; \t}）; \t}}; }）; – user3946910 2015-03-02 19:14:16

使用jQuery你可以做這樣的事情：

HTML：

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

jQuery代碼（它可以在你有多少散列在你的JSON數組）：

來源

2015-03-02 18:59:24

在HTML中顯示JSON對象數組作爲來自澤西島的響應

回答

相關問題