分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 技术分享

ajax按钮改变数据状态

发布时间:2023-09-06 01:55责任编辑:傅花花关键词:暂无标签

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

点击按钮就可以直接切换数据的状态了

ajax按钮改变数据状态

原文地址:https://www.cnblogs.com/lamp01/p/9057385.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved