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

效果：