laravel 框架 即点即改

view视图中jq代码

//这里是输出数据库的内容


 @foreach($list as $v)
            <tr>
                <td align="left">{{$v->classifyid}}</td>
//pid是laravel框架中获取当前id的方法
                <td pid="{{$v->classifyid}}" ><span class="name">{{$v->category_name}}</span></td>
                <td align="center" ><a href="{{url('news_jiu')}}?id={{$v->classifyid}}&name={{$v->category_name}}">编辑</a> | <a href="{{url('news_shi')}}?id={{$v->classifyid}}">删除</a></td>
            </tr>
        @endforeach


//jq中的代码
//引用一个jq文件
<script scr="{{asset('js1')}}/jquery.min.js"></script>
<script>
//设置一个点击事件
    $('.name').click(function () {
//获得当前的pid
        var pid=$(this).parent().attr('pid');
        //alert(pid);
        var html=$(this).html();
//当点击的时候，触发点击事件 ，创建一个input框  默认值value为获取来的值
        $(this).parent().html("<input type='text' value="+html+" class='input'>");
//获取焦点
        $('input').focus();

//失去焦点
        $(document).on('blur','.input',function () {
          var name = $(this).val();
          pid = $(this).parent().attr('pid');
          $.ajax({

//将值传入news_shier的路由中
              url:"{{url('news_shier')}}",
              data:{name:name,pid:pid},
              type:"get",
              success:function (a) {

              }

          })

//0秒刷新  用来完成失去焦点之后自动刷新值
            location.reload(0);
        })

    })
</script>

路由中的设置

Route::get('news_shier',"News_fenleicontroller\News_fenleicontroller@ajax");

 控制器中的代码实现

//直接创建一个方法   
public function xiu(){

//利用的原生的sql修改语句  修改用ajax传来的name 与  id  进行修改
        $list = DB::update("update news_classify set category_name='{$_POST['name']}' where classifyid={$_POST['id']}");
        if($list){

//如果成功返回1
            echo 1;
        }
    }