asp.net 动态绑定html表格

本文详细介绍了如何使用AJAX获取后台返回的JSON数据,并将其转化为表格形式展示的方法,包括JSON数据的转换、绑定至空表格进行动态显示的过程。通过实例演示,展示了从数据获取到表格生成的完整流程。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

原理:ajax获取后台json,将dataset转化为json格式(随笔里面有转换类)  返回json ,到js里面处理json 利用jquery 绑定到一个空表格上面,动态表格
js:

$.ajax({
type: "get", //使用get方法访问后台
// dataType: "json", //返回json格式的数据
url: "Handler.ashx?time=" + Math.random(), //要访问的后台地址
data: { action: 'GetData' }, //要发送的数据
success: function (jsonString) {

var s=eval('(' + jsonString + ')');
 $(s).each(function (i) {
var list="<td>"+s[i].字段名1+"</td><td style=\"width:15px;\">"+s[i].字段名2+"</td>"
 $("#tb_data tbody").append(list);
}
}
});
页面架构:

<div class="tb_data">
<!--动态存放数据的表格-->
<table cellpadding="0" border="0" cellspacing="1" id="tb_data" width="100%"; class="table">
<thead><tr><th width="3%">字段名1=</th><th width="3%"></th><th width="10%">字段名2</th></tr></thead>
<tbody></tbody>      
</table>
</div>

生成结果是这样的表格;
字段名1 | 字段名2
aa     | bb    
sa     | ds
sd     | fd
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值