zoukankan      html  css  js  c++  java
  • 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=\"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
  • 相关阅读:
    jsp第四次
    jsp第二次作业
    jsp第一次作业
    软件测试课堂练习
    11.11日
    10.28
    10.25
    10.21
    jsp第七周作业
    JSP第六周作业
  • 原文地址:https://www.cnblogs.com/wdw31210/p/2312680.html
Copyright © 2011-2022 走看看