使用 append 显示对 html 表的 json 响应的 jquery 代码 - IT屋-程序员软件开发技术分享社区
- 首页
- 其他开发
- 使用 append 显示对 html 表的 json 响应的 jquery 代码
使用 append 显示对 html 表的 json 响应的 jquery 代码
[英] jquery code to display json response to a html table using append
本文介绍了使用 append 显示对 html 表的 json 响应的 jquery 代码的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
有人能帮我用代码在html表中显示json数据吗
$.getJSON("http://10.0.2.2:8080/v1/service/1",功能(数据){$.each(data, function(id, obj){});});<身体><table id="显示">
我想在显示表中显示json数据
json 响应数据:
<预><代码>[{"第一列":"56036","loc":"熟食店","lastA":"活动","mTime":"2011-02-01 11:59:26.243","nTime":"2011-02-01 10:57:02.0","时间":"2011-02-01 10:57:02.0","年龄":"9867 小时","动作":"",nTime":空},{"第一列":"56036","loc":"熟食店","lastA":"活动","mTime":"2011-02-01 11:59:26.243","nTime":"2011-02-01 10:57:02.0","时间":"2011-02-01 10:57:02.0","年龄":"9867 小时","动作":"",nTime":空},{"第一列":"56036","loc":"熟食店","lastA":"活动","mTime":"2011-02-01 11:59:26.243","nTime":"2011-02-01 10:57:02.0","时间":"2011-02-01 10:57:02.0","年龄":"9867 小时","动作":"",nTime":空},{"第一列":"56036","loc":"熟食店","lastA":"活动","mTime":"2011-02-01 11:59:26.243","nTime":"2011-02-01 10:57:02.0","时间":"2011-02-01 10:57:02.0","年龄":"9867 小时","动作":"",nTime":空}]
解决方案
你没有提供更多信息,但无论如何,如果你的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",功能(数据){$.each(data, function(key, val) {var tr=$('<tr></tr>');$.each(val, function(k, v){$('<td>'+v+'</td>').appendTo(tr);});tr.appendTo('#display');});});});
Can some one help me out with code to display the json data in html table
$.getJSON("http://10.0.2.2:8080/v1/service/1",
function(data) {
$.each(data, function(id, obj){
});
});
<body>
<table id="display">
</table>
</body>
I want to display the json data in display table
json response data:
[
{
"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
}
]
解决方案
You didn't give more information but anyway, If your json (data) structure is something like this
{
"key_one": "value_one",
"key_two": "value_two",
"key_three": "value_three"
}
then you can do in your callback function
$.each(data, function(key, val) {
$('<tr><td>ID: '+key+'</td><td id="'+key+'">'+val+'</td><tr>').appendTo('#display');
});
This will make a table like this example. hope it'll help you to get done your work.
Update
function(data) {
$.each(data, function(key, val) {
var tr=$('<tr></tr>');
$.each(val, function(k, v){
$('<td>'+v+'</td>').appendTo(tr);
});
tr.appendTo('#display');
});
});
Here is an example.
Your full 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');
});
});
});
这篇关于使用 append 显示对 html 表的 json 响应的 jquery 代码的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文