如何 把ajax返回json数据添加入表格

如何 把ajax返回json数据添加入表格,第1张

1、通过class取到<table class="easyui-datagrid" title="" style="width: 100%height: 250px">这一层的dom元素(假如这个dom叫tableDom吧)

var tableDom = $('easyui-datagrid')

2、for循环你data里面的list数组(假如data里面有个叫做list的存表格数据)

var html = '<tr>'

var list = data.list

for (var i = 0, len = list.length i < len i++) {

    html += '<td ..>' // 略哈。。总之这里就是要想办法把表格中数据拼出来, 和html里面的结构一样

}

html += '</tr>'

3、塞进tableDom就行

tableDom.html(html)

这是比较常规的做法。

var td = document.getElementById("tdID")td.innerHtml="<table></table>"这样就可以添加一个table了,不过最好用jQuery,这样写太麻烦了 Jquery d的 (1) 通过ID 拿对象 var tdl =$("#tdlID")(2) 往<TD>中 添加代码 tdl.html("<table></table>"")这样就可以了


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11521940.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-16
下一篇 2023-05-16

发表评论

登录后才能评论

评论列表(0条)

保存