Ajax局部改写

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

 

表单处理:

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

Ajax局部改写

效果如下:

 

 

 Ajax局部改写

 

 

 

 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局部改写

上一篇:单向环形链表解决约瑟夫问题


下一篇:python mysql 简单总结(MySQLdb模块 需另外下载)