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);
    }

 

转载于:https://www.cnblogs.com/fjlcoding/p/10001107.html