在使用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) {

                }

    })

可以动态添加完之后,统一绑定事件

$("#tables td").click(function(){

    console.log($(this).text())

})

亦可以每生成一个元素就绑定事件,不过这样你的html需要修改,改为循环插入td

需要准备的材料分别有:电脑、html编辑器、浏览器。

1、首先,打开html编辑器,新建html文件,例如:index.html,并引入jquery,编写问题基础代码。

2、在index.html中的<script>标签,输入jquery代码:

$('body').append($('tr').find('td:eq(0)').text())

3、浏览器运行index.html页面,此时成功取到了表格的第一页数据并打印。


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

原文地址:https://54852.com/bake/11936794.html

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

发表评论

登录后才能评论

评论列表(0条)

    保存