失眠网,内容丰富有趣,生活中的好帮手!
失眠网 > asp.net 动态绑定html表格

asp.net 动态绑定html表格

时间:2023-11-23 20:19:46

相关推荐

asp.net 动态绑定html表格

原理: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

如果觉得《asp.net 动态绑定html表格》对你有帮助,请点赞、收藏,并留下你的观点哦!

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。