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);
        }
  • 相关阅读:
    python 安装impala包
    Hive表导出成csv文件
    linux sed命令详解
    Android--Sensor传感器
    Android--ColorMatrix改变图片颜色
    Android--Matrix图片变换处理
    Android--使用Canvas绘图
    Android--从系统Camera和Gallery获取图片优化
    Android--从系统Gallery获取图片
    Android--Tween补间动画
  • 原文地址:https://www.cnblogs.com/fjlcoding/p/10001107.html
Copyright © 2011-2022 走看看