双击table修改内容 php通过ajax实现双击table修改内容

软件发布|下载排行|最新软件

当前位置:首页IT学院IT技术

双击table修改内容 php通过ajax实现双击table修改内容

  2021-03-19 我要评论
想了解php通过ajax实现双击table修改内容的相关内容吗,在本文为您仔细讲解双击table修改内容的相关知识和一些Code实例,欢迎阅读和指正,我们先划重点:ajax,双击table,下面大家一起来学习吧。
复制代码 代码如下:

<script type="text/javascript">
$(function() {

$("td").dblclick(function() { //获取标签
var td = $(this);
var itemid=td[0].id;
var txt = td.text();
var input = $("<input type='text' value='" + txt + "'/>");
td.html(input);
input.click(function() { return false; });
//获取焦点
input.trigger("focus");

input.blur(function() {
var newtxt = $(this).val();

if (newtxt != txt) {
td.html(newtxt);
var caid = $.trim(td.prev().text());

/*这里做ajax去后台操作

var url = "?a.php&itemid=" + itemid + "&v=" + newtxt; //具体根据网站情况而定

$.get(url, function(data) {
if(data=="1")
{
location.reload();
td.html(txt);
return;
}
td.html(newtxt);
});

}
else
{
td.html(newtxt);
}
});

*/

});
});
</script>

Copyright 2022 版权所有 软件发布 访问手机版

声明:所有软件和文章来自软件开发商或者作者 如有异议 请与本站联系 联系我们