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

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)

这是比较常规的做法。

在使用Jquery+Ajax 往Table 中Td 添加入数据的方法如下：

在数据少的情况下直接给id或class传值，多行数据要用循环，代码如下：

$.post("", "data:getType", function (res) {

var date = Pase(res)

var str = ""

$.each(data.result, function (i, j) {

str += "<tr>"

str += "<td></td>"

str += "</tr>"

})

document.getElementById("tbody").add(str)

})

<table><tbody id="tbody"></tbody></table>

jQuery 底层 AJAX 实现。简单易用的高层实现见 $.get, $.post 等。$.ajax() 返回其创建的 XMLHttpRequest 对象。大多数情况下你无需直接 *** 作该函数，除非你需要 *** 作不常用的选项，以获得更多的灵活性。

---