zoukankan      html  css  js  c++  java
  • AJAX动态生成Table以及动态标签拼接

        $(function () {
    
            init("1");
        })
       function changeMonth(){
            var month = $("#month").val();
            init(month);
       }
        function init(month) {
            var DataList=[];
            $.ajax({
                type: "post",
                url: "/mobile/getMIS?month="+ month,
                async:true,
                data:{},
                success:function(obj){
                    // for(var i=0;i<obj.length;i++){
                    //     alert(obj[i].eco_MONTH_NAME+"///"+obj[i].return_DATA+"///"+obj[i].inc_OCCUPANCY+"///"+obj[i].inc_ORDER);
                    // }
                    createShowingTable(obj);
                }
            })
        }
        function createShowingTable(obj) {
            var tableStr = "<table border='0' cellspacing='' cellpadding=''>";
            tableStr = tableStr
                + "<tr>"
                +"<td width='35%'>指标名称</td>"
                +"<td width='15%'>反馈数</td>"
                +"<td width='25%'>同比增长%</td>"
                +"<td width='25%'>排名情况</td>"
                +"</tr>";
            var len = obj.length;
            for ( var i = 0; i < len; i++) {
                tableStr = tableStr + "<tr>"
                    +"<td>"+ obj[i].eco_MONTH_NAME + "</td>"
                    + "<td>"+ obj[i].return_DATA + "</td>"
                    + "<td>"+ obj[i].inc_OCCUPANCY + "</td>"
                    +"<td class='purple'>"+obj[i].inc_ORDER+"</td>"
                    +"</tr>";
            }
            if(len==0){
                tableStr = tableStr + "<tr style='text-align: center'>"
                    +"<td colspan='6'><font color='#cd0a0a'>"+ '暂无记录' + "</font></td>"
                    +"</tr>";
            }
            tableStr = tableStr + "</table>";
            //添加到div中
            $("#tableAjax").html(tableStr);
        }
  • 相关阅读:
    学习笔记16:残差网络
    学习笔记15:第二种加载数据的方法
    学习笔记14:模型保存
    学习笔记13:微调模型
    学习笔记12:图像数据增强及学习速率衰减
    蚯蚓
    [JSOI] 重要的城市
    正则表达式
    加分二叉树
    选择客栈
  • 原文地址:https://www.cnblogs.com/fjlcoding/p/10001107.html
Copyright © 2011-2022 走看看