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); {# #} } }); };
相关文章推荐
- JQuery 动态生成Table表格实例代码
- JQuery动态生成Table表格
- JQuery动态生成Table表格
- Jquery 动态生成表格示例代码
- Jquery 动态生成表格示例代码
- jquery应用实例一动态添加删除生成表格table
- JQuery动态生成Table表格
- jquery 读取页面表格中的数据 生成批量insert代码 并以ajax方式传给后台
- Asp.Net Table控件动态生成表格操作实例(代码调试通过)
- 基于JQuery的动态删除Table表格的行和列的代码
- 利用CSS生成精美细线Table表格无需复杂style代码
- iText7根据html表格(table)代码生成表格、解决跨行跨列问题
- jQuery实现可编辑表格并生成json结果(实例代码)
- 基于JQuery的动态删除Table表格的行和列的代码
- jquery 读取页面表格中的数据 生成批量insert代码 并以ajax方式传给后台
- Jquery 动态生成表格示例代码
- JQuery动态生成Table表格
- JQuery动态生成Table表格
- js+jquery根据json数据生成表格 及 表格和按钮CSS代码
- 键盘上下键移动选择table表格行的js代码