Ajax局部改写

1. 在列表中将要改写的字段改写成文本框 

表单处理：

<td><input type="text" style="border: none" class="name" value="{$v.name}" ids="{$v.id}"></td>

效果如下：

 2. ajax  前端处理

<script>  
失焦事件获取值
  $(‘.name‘).blur(function (){
     var name=$(this).val();

//var id=$(this).attr(ids);

     var id=$(‘.id‘).html();
     // alert(id)
    $.ajax({
      url:‘/add/update‘, 
      data:{
        name:name,
        id:id
      },
      type:‘POST‘,
      dataType:‘JSON‘,
      success:function (e){
        // console.log(e)
        if(e.code==200){
          alert(‘修改成功‘)
        } 
      },
    }) 
  }) 
</script>

后端 
controller 控制器

 public function update(Request $request, $id)
    {
        $params=input(); 接值
//
      $updateInfo=  \app\admin\model\Add::updateInfo($params); 传参
        return  json([‘code‘=>200,‘msg‘=>‘修改成功‘,‘data‘=>$updateInfo]); 修改成功返回json格式

    }

model 模型

public static function updateInfo($params){
    return self::where(‘id‘, $params[‘id‘])->update([‘name‘ => $params[‘name‘]]) ;
}

Ajax局部改写

原文：https://www.cnblogs.com/qsn17501005/p/15252969.html