在使用Jquery+Ajax 往Table 中Td 添加入数据,

在使用Jquery+Ajax 往Table 中Td 添加入数据,,第1张

//调用一般处理程序  将你的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) {

                }

    })

用table的id 获取 table ,然后是循环的控制条件,$(“tableid”).append("<tr><td>"+要添加的值+"</td></tr>")

<table id="myTable">

<thead>

<tr>

<th>代号</th>

<th>城市</th>

<th>附加数字</th>

</tr>

</thead>

<tbody></tbody>

</table>

<script>

var data = [{name:'6101',value:'北京市',age:'11'}, {name:'6102',value:'天津市',age:'11'}, {name:'6103',value:'上海市',age:'22'}]

function getRow(row) {

var tr = $('<tr></tr>')

for(var i in row) {

tr.append('<td>' + row[i] + '</td>')

}

return tr

}

var tbody = $('<tbody></tbody>')

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

tbody.append(getRow(data[i])

$('#myTable tbody').replaceWith(tbody)

</script>

这个是比较标准,也更易读的代码,希望能帮到你。


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

原文地址: http://outofmemory.cn/sjk/10712185.html

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

发表评论

登录后才能评论

评论列表(0条)

保存