1 $(function() { 2 //获取class为caname的元素 3 $(".caname").click(function() { 4 var td = $(this); 5 var txt = td.text(); 6 var input = $("<input type=‘text‘value=http://www.mamicode.com/‘" + txt + "‘/>"); 7 td.html(input); 8 input.click(function() { return false; }); 9 //获取焦点10 input.trigger("focus");11 //文本框失去焦点后提交内容，重新变为文本12 input.blur(function() {13 var newtxt = $(this).val();14 //判断文本有没有修改15 if (newtxt != txt) {16 td.html(newtxt);17 /*18 *不需要使用数据库的这段可以不需要19 var caid = $.trim(td.prev().text());20 //ajax异步更改数据库,加参数date是解决缓存问题21 var url = "../common/Handler2.ashx?caname=" + newtxt + "&caid=" + caid + "&date=" + new Date();22 //使用get()方法打开一个一般处理程序，data接受返回的参数（在一般处理程序中返回参数的方法 context.Response.Write("要返回的参数");）23 //数据库的修改就在一般处理程序中完成24 $.get(url, function(data) {25 if(datahttp://www.mamicode.com/=="1")26 {27 alert("该类别已存在！");28 td.html(txt);29 return;30 }31 alert(data);32 td.html(newtxt);33 });34 */35 }36 else37 {38 td.html(newtxt);39 }40 });41 });42 });