欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

asp.net 动态绑定html表格

程序员文章站 2023-12-28 10:35:22
...
原理: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

转载于:https://www.cnblogs.com/wdw31210/archive/2012/01/05/2312680.html

上一篇:

下一篇: