当前位置： 移动技术网 > IT编程>网页制作>CSS > table根据后台数据动态加载行

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

2019年04月30日  | 移动技术网IT编程  | 我要评论

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

效果：

\

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网