use*_*530 9 jquery json jquery-ui
有人可以通过代码帮助我在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数据
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",
"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",
"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",
"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
}
]
The*_*pha 16
你没有提供更多的信息,但无论如何,如果你的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');
});
这将使一个表像这个例子.希望它能帮助你完成你的工作.
更新
function(data) {
$.each(data, function(key, val) {
var tr=$('<tr></tr>');
$.each(val, function(k, v){
$('<td>'+v+'</td>').appendTo(tr);
});
tr.appendTo('#display');
});?
});?
这是一个例子.
你的完整getJSON
$.getJSON("http://10.0.2.2:8080/v1/service/1",
function(data) {
$.each(data, function(key, val) {
var tr=$('<tr></tr>');
$.each(val, function(k, v){
$('<td>'+v+'</td>').appendTo(tr);
});
tr.appendTo('#display');
});?
});?
});
| 归档时间： |
|
| 查看次数： |
35722 次 |
| 最近记录： |