您的位置:首页 > Web前端 > JQuery

jquery 生成table表格 部分代码

2016-11-03 15:41 447 查看


想生成上面这样的table表格先看返回数据格式



<div id="create_img_tab"></div>


window.onload = function () {
$.ajax({
url: '/index/',
type: 'POST',
{#                data:{'k1':'v1'},#}
dataType: 'json',
success: function (arg) {
{#                    arg = JSON.parse(arg);#}
arg_word = arg[0];
console.log(typeof arg)
console.log(arg[1]);
console.log(arg[1][1].id);
console.log(arg[1][1].url);
console.log(arg[1].length);

{#        生产图片表            #}
//循环创建tr
var trs = '';

for (var j = 0; j < arg[1].length; j++) {
trs += '<tr><td>' + arg[1][j].id + '</td><td>' + arg[1][j].url + '</td></tr>'
}
//trs 追加到 table中
var table = "<table border='1'>" + trs + "</table>";

//插入表格
$("#create_img_tab").html(table);

{#                    #}
}

});
};
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: