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

                }

    })

$a=$("<a onclick='alert(1)' style='cursor: pointer'>我是a标签</a>")

$("td").append($a)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/htmlcharset=utf-8" />

<title>table中tdの変更</title>

<script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>

<script type="text/javascript">

$(function(){

$("td").dblclick(function(){

$(this).text("")

var input = "<input type='text'>"

$(this).append(input)

$("input").focus()

$("input").blur(function(){

if($(this).val()==""){

$(this).remove()

}else{

$(this).closest("td").text($(this).val())

}

})

})

})

</script>

<style type="text/css">

#table tr td {

padding:5px 44px

}

</style>

</head>

<body >

<form id="theForm">

<table id="table" border="1" cellspacing="0">

<tr><td> </td><td> </td><td> </td></tr>

<tr><td> </td><td> </td><td> </td></tr>

<tr><td> </td><td> </td><td> </td></tr>

<tr><td> </td><td> </td><td> </td></tr>

<tr><td> </td><td> </td><td> </td></tr>

</table>

</form>

</body>

</html>

代码你测一下,注意修改jquery包的路径,有问题可追问!!


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

原文地址: https://outofmemory.cn/bake/11659355.html

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

发表评论

登录后才能评论

评论列表(0条)

保存