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

172 阅读 0 评论 114 点赞

我是靠谱客的博主会撒娇大白，最近开发中收集的这篇文章主要介绍php通过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> 