怎样在使用Jquery+Ajax 往Table 中Td 添加入数据？

在使用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 对象。大多数情况下你无需直接 *** 作该函数，除非你需要 *** 作不常用的选项，以获得更多的灵活性。

//调用一般处理程序  将你的DataTable转为json Response.Write(json) var para = {

   "actionname":"xx"

}  //定义好你需要传的参数

$.ajax({

                url: location.href, //url地址

                type: "POST",

                data: para,//模拟个数据

   扒埋闹             success: function (result) {

                //我这里返回的是text 

                    if (result != "" && result != undefined) {

                        var data = JSON.parse(result)   //所以这里转了一不json 如果你返回的直接是json就不用转了直接 *** 作result

      液亮            春罩      var tempHtml = ""

                        for(var i = 0 i< data.length i++)

                        {

                             tempHtml += "<tr><td>"+data[i]["name"]+"</td></tr>"

                        }

                        $("table").append(tempHtml) //添加你拼接好的html到table里

                    }

                }, error: function (err) {

                }

    })

1、打开橡亏HBuilderX工具，创建Web项目，新建静态页面ajax.html。

2、打开已新建的ajax.html文件，引入jquery文件腊团并修改title标签内容。

3、在标签中，插入一个div标签，并在div标签中插入一个table。

4、接着在项目中的data文件夹下，新建user.json文件。

5、打开user.json文件，添加json格式数据。

6、在标签中，jquery初始化函数，调用ajax()方法读取json文件数据，返回成功后，将数据渲染加到table中。

7、再添加一个style标签，利用元素选择器设梁局神置表格样式。

8、保存代码并运行页面文件，打开浏览器查看效果，即可看到一个表格。

---