<td class="status" ids="{{$val['id']}}" status="{{$val['status']}}"><button>{{$val['status']}}</button></td>
//js
//状态值
$('.status').click(function (){
//获取id
var id = $(this).attr('ids');
//获取状态
var status = $(this).attr('status');
var _this = $(this);
//获取当前的值
var text = $(this).text();
//ajax
$.ajax({
//路由
url:"upDo",
//携带的值
data:{
id:id,
status:status
},
dataType:"json",
success:function (res){
if (res['code']==200){
if (text=='售卖中')
{
_this.text('下架');
}else {
_this.text('售卖中');
}
}
}
})
//控制层
/**
* ajax既点既改
*/
public function upDo()
{
//获取值
$id = \request()->get('id');
$status = \request()->get('status');
if ($status=="售卖中")
{
modeller::where('id',$id)->update(['status'=>'下架']);
return json_encode(['code'=>200,'msg'=>'成功','data'=>[]]);
}else{
modeller::where('id',$id)->update(['status'=>'售卖中']);
return json_encode(['code'=>200,'msg'=>'成功','data'=>[]]);
}
}
简单来说就是点击事件发生时,前端将状态和id传给后端,后端改数据库,然后前端改页面数据