jquery 生成table表格 部分代码

想生成上面这样的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);

                    {#                    #}
                }

            });
        };

 

posted @ 2016-11-03 15:41  我当道士那儿些年  阅读(398)  评论(0编辑  收藏  举报