"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) {
}
})
<!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包的路径，有问题可追问！！
<tr><td><div id="add"></div></td></tr>$("#add").append("<strong>这是新加的</strong>")
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）