有人可以用代码来帮助我在html表中显示json数据
- $.getJSON("http://10.0.2.2:8080/v1/service/1",function(data) {
- $.each(data,function(id,obj){
- });
- });
- <body>
- <table id="display">
- </table>
- </body>
json响应数据：
- [
- {
- "firstcolumn":"56036","loc":"Deli","lastA":"Activity","mTime":"2011-02-01 11:59:26.243","nTime":"2011-02-01 10:57:02.0","Time":"2011-02-01 10:57:02.0","Age":"9867 Hour(s)","ction":" ","nTime":null
- },{
- "firstcolumn":"56036","nTime":null
- }
- ]
解决方法
你没有提供更多的信息,但无论如何,如果你的json(数据)结构是这样的
- {
- "key_one": "value_one","key_two": "value_two","key_three": "value_three"
- }
那么你可以在你的回调函数中做
- $.each(data,function(key,val) {
- $('<tr><td>ID: '+key+'</td><td id="'+key+'">'+val+'</td><tr>').appendTo('#display');
- });
这将制作一个像this example的表格.希望它能帮助你完成你的工作.
更新
- function(data) {
- $.each(data,val) {
- var tr=$('<tr></tr>');
- $.each(val,function(k,v){
- $('<td>'+v+'</td>').appendTo(tr);
- });
- tr.appendTo('#display');
- });
- });
这是example.
你的完整getJSON
- $.getJSON("http://10.0.2.2:8080/v1/service/1",function(data) {
- $.each(data,val) {
- var tr=$('<tr></tr>');
- $.each(val,v){
- $('<td>'+v+'</td>').appendTo(tr);
- });
- tr.appendTo('#display');
- });
- });
- });
