JQuery实现即点即改

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>实现即点即修改</title>
</head>
<body>
	<center>
    <h1></h1>
    <table border="1">
        <tr>
            <td>id</td>
            <td>TITLE</td>
        </tr>
        <tr>
            <td>{$data.d_id}</td>
            <td>
            <span id='g_span'>{$data.d_title}</span>
            <input type="hidden" value="{$data.d_title}" id="hid" class="{$data['d_id']}">
            </td>
        </tr>
    </table>
</center>
</body>
<!-- 引入jquery文件 -->
<script src="__PUBLIC__/jquery.1.12.min.js"></script>
<script>
/*即点即改*/
    $(document).on('click','#g_span',function(){

        $(this).hide();

        $(this).next().prop('type','text');

    })
    /*给输入框失去焦点事件，获取内容，传到后台更新*/
    $(document).on('blur','#hid',function(){
       var g_title = $(this).val();
        var g_id = $(this).prop('class');
        var obj = $(this);
        $.ajax({
            url:"{:U('Index/save_title')}",
            type:'get',
            data:"g_id="+g_id+"&g_title="+g_title,
            dataType:'json',

public function save_title(){
    //接修改的内容
        $d_title = I('get.g_title');
        //接修改的id
        $d_id = I('get.g_id');
        $goods_obj = M('z_title'); 
        $data['d_title'] = $d_title;
        $res = $goods_obj->where("d_id=".$d_id)->save($data);     
        if($res){
            echo 0;
        }else{
            echo -1;
        }

            success:function(msg){   
                if(msg == -1){
                    alert('修改失败');
                }
                obj.prev().show();
                obj.prop('type','hidden');
                obj.prev().text(g_title);
            }
        })
    })
</script>
</html>

 1 public function save_title(){
 2     //接修改的内容
 3         $d_title = I('get.g_title');
 4         //接修改的id
 5         $d_id = I('get.g_id');
 6         $goods_obj = M('z_title'); 
 7         $data['d_title'] = $d_title;
 8         $res = $goods_obj->where("d_id=".$d_id)->save($data);     
 9         if($res){
10             echo 0;
11         }else{
12             echo -1;
13         }
14     }

代码当中还存在着不足，发现问题可以提出来，让我改进。大家共同进步！！！

本文为原创！！转载请注明出处谢谢！！