jquery ajax双击差异可直接修改差异中的内容

最近在做后台功能开发的时候，用到对排序字段的修改，感觉只为了修改一个排序值，而要重新进入编辑页比较麻烦，于是网上找点资料自己动手写了一个jquery双击实现直接修改排序值的效果：

超文本标记语言代码：

div title='【双击可直接修改】class=' changeSort ' id=' { $ id } ' { $ sort }/div js代码：

脚本类型='text/javascript'//双击修改排序$('.changeSort ').dblclick(function(){ var URL=' { : u(' setSort ')} '；var TD=$(this)；var id=TD。attr(' id ')；var text=TD。text()；var txt=$(' input type=' text ' class=' input-small ').val(文本);txt.blur(function(){ //失去焦点，保存值。于服务器交互自己再写，最好ajax var newText=$(this).val()；$.ajax({ url:url，type:'POST '，data:{'tid':id，' sort':newText}，dataType:'json '，success : function(RES){ if(RES . flag==1){ layer。味精；//移除文本框，显示新值$(这个)。移除();道明。文本(新文本)；} else if(RES . flag==3){ layer。味精；txt。val(新文本)；} } });});道明。文本(" ")；道明。追加(txt)；});/scriptPHP代码：

？PHP/** * ajax设置排序值*/public函数setSort(){ if(IS _ POST){ $ tid=I(' POST。tid’)；$ sort=I(' post。sort’)；if(！is _ numeric($ sort)){ $ arr=array(' flag '=3，' msg'='请输入数字、"链接"=""、"内容"="");$ this-AJaxreturn($ arr)；} $data=array('id'=$tid，' sort '=$ sort)；$ this-mod _ Sort=M(' Sort ')；$ RES=$ this-mod _ sort-save($ data)；if($res){ $arr=array('flag'=1，' msg'='排序值设置成功、"链接"=""、"内容"="");}else{ $arr=array('flag'=2，' msg'='排序值设置失败、"链接"=""、"内容"="");} }else{ $arr=array('flag'=0，' msg'='请求非法！'、"链接"=""、"内容"="");} $ this-AJaxreturn($ arr)；}?效果如下图：

以上就是本文的全部内容，希望对大家的学习有所帮助。