首页 > Web开发 > 详细

Ajax局部改写

时间:2021-09-11 23:42:59      阅读:5      评论:0      收藏:0      [点我收藏+]

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

(0)
(0)
   
举报
评论 一句话评论(0
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!