足球游戏_中国足彩网¥体育资讯$

jquery ajax双击div可直接修改div中的内容
来源:易贤网 阅读:673 次 日期:2016-08-02 16:02:05
温馨提示:易贤网小编为您整理了“jquery ajax双击div可直接修改div中的内容”,方便广大网友查阅!

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

html代码:

<div title="【双击可直接修改】" class="changeSort" id="{$id}">{$sort}</div>

JS代码:

<script type="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(text);

  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.msg(res.msg);

      // 移除文本框,显示新值

      $(this).remove();

      td.text(newText);

      }else if(res.flag==3){

       layer.msg(res.msg);

       txt.val(newText);

      }

     }

    });

  });

  td.text("");

  td.append(txt);

 });

</script>

PHP代码:

<?PHP

/**

  * ajax 设置排序值

  */

 public function setSort(){

  if(IS_POST){

   $tid = I('post.tid');

   $sort = I('post.sort');

   if(!is_numeric($sort)){

    $arr = array(

     'flag'=>3,

     'msg'=>'请输入数字',

     'link'=>'',

     'content'=>''

    );

    $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'=>'排序值设置成功',

     'link'=>'',

     'content'=>''

    );

   }else{

    $arr = array(

     'flag'=>2,

     'msg'=>'排序值设置失败',

     'link'=>'',

     'content'=>''

    );

   }

  }else{

   $arr = array(

    'flag'=>0,

    'msg'=>'请求非法!',

    'link'=>'',

    'content'=>''

   );

  }

  $this->ajaxReturn($arr);

 }

?>

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

中国足彩网信息请查看网络编程
由于各方面情况的不断调整与变化,易贤网提供的所有考试信息和咨询回复仅供参考,敬请考生以权威部门公布的正式信息和咨询为准!

2025国考·省考课程试听报名

  • 报班类型
  • 姓名
  • 手机号
  • 验证码
关于我们 | 联系我们 | 人才招聘 | 网站声明 | 网站帮助 | 非正式的简要咨询 | 简要咨询须知 | 加入群交流 | 手机站点 | 投诉建议
工业和信息化部备案号:滇ICP备2023014141号-1 足球游戏_中国足彩网¥体育资讯$ 滇公网安备53010202001879号 人力资源服务许可证:(云)人服证字(2023)第0102001523号
云南网警备案专用图标
联系电话:0871-65099533/13759567129 获取招聘考试信息及咨询关注公众号:hfpxwx
咨询QQ:526150442(9:00—18:00)版权所有:易贤网
云南网警报警专用图标