table根据后台数据动态加载行

html:

 
 
   
   
   
   
   
   
 
 
 
 

	合同编号	合同文件	供应商	当前剩余量	数量

jq:

$(function(){

 add_detail(PROD_ID);

})

var newAddId = 0;
function add_detail(PROD_ID){
    var add_id;
    add_id = 'add_'+newAddId;
    newAddId++;
    $.ajax({
        type: "get",
        dataType: "json",
        async: false,  //同步
        url: "${base}/purchase/getStockList",
        data: {
         PROD_ID: PROD_ID
       },
       success: function (data) {
            var str = "";
            var json = eval(data);
            $.each(json, function (index, item) {  
                //循环获取数据    
                str += '' +   
                    '' +  
                    '' + json[index].CONTRACT_NUM + '' +  
                    '' + json[index].CONTRACT_ID_+"."+json[index].EXTEND + '' +  
                    '' + json[index].SUP_ID_ + '' + 
                    '' + json[index].LEFT_NUM + '' +  
                    '' +  
                    '';   
            }); 
            $("#detailTable tbody").prepend(str);
        },
        error: function (data) {
        }
    });
}

效果：