jquery即点即改-----laravel框架

最新推荐文章于 2021-03-23 20:43:23 发布

panying1

最新推荐文章于 2021-03-23 20:43:23 发布

阅读量325

点赞数

本文链接：https://blog.csdn.net/panying1/article/details/53024346

版权

HTML页面

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">  
    <head>  
        <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">  
        <title>Document</title>  
    </head>  
    <body>  
        <table border="1">  
            <tr>  
                <td>名称</td>  
                <td>价格</td>  
                <td>操作</td>  
            </tr>  
            @foreach($users as $v)  
            <tr>  
                <td value="{{$v->id}}"><span class="name">{{$v->name}}</span></td>  
                <td >{{$v->price}}</td>  
                    <td>  
                               <a href="del?id={{$v->id}}">删除</a>  
                               <input type="checkbox" name="checkbox[]" value="{{$v->id}}" />  
                           </td>  
            </tr>  
            @endforeach  
        </table>  
      
    </body>  
    </html>  
    <script type="text/javascript" src="../public/js/jquery-1.7.2.min_js"></script>  
    <script>  
        $(document).on('click','span',function(){    
             old_val=$(this).html();    
            $(this).parent().html("<input type=\'text\' value="+old_val+">");    
            $(document).on('blur','input',function(){    
            var obj=$(this);    
            var id=$(this).parent().attr('value'); //获取要修改内容的id    
            var val=$(this).val(); //获取修改后的值  
              $.ajax({    
                type:'post',    
                url:'update',    
                data:{    
                    id:id,    
                    val:val  
                },    
                success:function(msg){    
                    if(msg == 1){    
                        obj.parent().html("<span class='name'>"+val+"</span>")    
                    }else{    
                        obj.parent().html("<span class='name'>"+old_val+"</span>")    
                    }    
        
                }    
           })    
        })    
    })    
    </script>

php页面

 public function update(Request $request){  
            $id=$request->input('id');  
        $name=$request->input('price');  
        $price=$request->input('val');     
        $re=DB::table('goods')  
                 ->where('id', $id)  
                 ->update([  
                'name' => $price,  
         ]);  
         if($re){  
               echo 1;  
         }  
}