ajax按鈕改變數據狀態

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; } }

 

點擊按鈕就可以直接切換數據的狀態了