zoukankan      html  css  js  c++  java
  • ajax动态生成table

    $(function(){
    ajaxT();
    });
    //ajax
    function ajaxT(){
    $.ajax({
    type:"post",
    dataType"json",
    data:{code:code},
    url:"***.action",
    success:function(data){
    createShowingTable(data)
    }
    })
    }
    //动态创建一个table
    function createShowingTable(){
    var tableStr="<table class='tab_list' width='99%'>";
    tableStr=tableStr
    +"<tr class='list=header'>"
    +"<td width='20%'>序号</td>"
    +"<td width='30%'><input id='checkedAll' name='checkAll' type='checkbox'/></td>"
    +"<td width='50%'>内容</td>"
    +"</tr>";
    var len=data.length;
    for(var i=0;i<len;i++){
    tableStr=tableStr+"<tr>"
    +"<td>"+(i+1)+"</td>"
    +"<td><input type='checkbox' class='check' value='"+data[i].key+"'/></td>"
    +"<td>"data[i].neirong+"</td>"
    +"</tr>";
    }
    if(len==0){
    tableStr=tableStr+"<tr style='text-align:center'>"
    +"<td colspan='3'>暂无记录</td>"
    +"</tr>"
    }
    tableStr=tableStr+"</table>";
    //添加到div
    $(#tableAjax).html(tableStr);
    }

  • 相关阅读:
    HDU 1333 基础数论 暴力
    HDU 1299 基础数论 分解
    HDU 1211 EXGCD
    HDU 3507 单调队列 斜率优化
    博弈
    std:ios::sync_with_stdio(false);
    NBUT[1220] SPY
    nbut1217 Dinner
    poj2236Wireless Network
    ZOJ Problem Set
  • 原文地址:https://www.cnblogs.com/OP-RONG/p/5322864.html
Copyright © 2011-2022 走看看