ajax按钮改变数据状态
2023-09-27 14:26:44 时间
1、html代码
<td>
@if($project->done_deal==0)
<button type="button" class="btn btn-danger btn-xs active done" uid="{{$project->id}}" status="{{$project->done_deal}}">否</button>
@else
<button type="button" class="btn btn-primary btn-xs active done" uid="{{$project->id}}" status="{{$project->done_deal}}">是</button>
@endif
</td>
2、js代码
$(".done").click(function() {
var id=$(this).attr('uid');
var status=$(this).attr('status');
var _this=$(this);
if(status==1){
var sta=0;
}else{
var sta=1;
}
var url="{{url('/admin/fine/done')}}";
$.ajax({
type: 'get',
url: url+'/'+id+'/'+status,
dataType:"json",
data: {
},
success: function(data){
console.log(data);
if (data==200) {
_this.removeClass('btn-danger').addClass('btn-primary').html('是');
_this.attr('id',id);
_this.attr('status',sta);
}else{
_this.removeClass('btn-primary').addClass('btn-danger').html('否');
_this.attr('uid',id);
_this.attr('status',sta);
}
}
});
});
3、php代码
public function done($id,$status)
{
$if_done=$status==1?0:1;
Fine::where('id', $id)->update(['done_deal'=>$if_done]);
//删除redis
if(Redis::exists('fine_project'.$id)){
Redis::del('fine_project'.$id);
}
if($if_done==1){
return 200;
}else{
return 400;
}
}
点击按钮就可以直接切换数据的状态了
相关文章
- 【vuex状态管理】使用步骤
- 123.AJAX_获取状态码并处理响应
- Powerline:给Vim和Bash提供更棒的状态行和提示信息
- Atlantis打造无状态虚拟桌面和容器
- 解决视图状态消息验证代码 (MAC) 错误
- screen 状态为Attached 连不上
- linux:网卡的不同状态:ip address 或者 ifconfig -a
- poj1753-Flip Game 【状态压缩+bfs】
- Flink教程(9) KeyedProcessFunction 状态编程 温度连续升高并报警
- Android获取手机状态和监听手机来电状态
- HTTP状态码(响应码)
- 【Android 电量优化】电量优化 ( 充电状态获取 | 主动获取充电状态 | 广播接受者监听充电状态 | 被动获取充电状态 | 注册空广播接受者获取历史广播 )
- Flutter状态管理provider的使用和封装
- React 组件模式-有状态组件 x 无状态组件、容器组件 x 展示组件、高阶组件 x 渲染回调(函数作为子组件)