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]);//删除redisif(Redis::exists('fine_project'.$id)){Redis::del('fine_project'.$id);}if($if_done==1){return 200;}else{return 400;}}

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

转载于:https://www.cnblogs.com/lamp01/p/9057385.html

ajax按钮改变数据状态相关推荐

Layui改变数据的状态
开发工具与关键技术: VisualStudio 2015 mvc 作者:杨泽平撰写时间:2019.6.26 Layui改变数据状态,其实是给每条数据通过js方法往HTML里嵌入两种不同的文字或者两个 ...
JSP根据状态动态改变数据表格按钮
有时候在开发的过程中会遇到需要根据状态ID 来动态改变数据表格的按钮,下面我主要讲述两种表格根据ID改变按钮的方式. 下面这种我是用EL 表达式获取表格中的值: <table class=&qu ...
ajax背景、ajax对象、ajax状态、ajax与http、ajax请求数据接口、同步与异步、ajax请求XML数据、封装ajax函数、artTemplate简介、同源策略和跨域请求、JSONP
AJAX简介: ajax背景: 1.AJAX(Asynchronous JavaScript And Xml)异步的 JavaScript 和 XML:ajax是浏览器提供的一套API,最早出现在谷歌 ...
js 操作vuex数据_Vuex 数据状态持久化如何处理？
点击右上方红色按钮关注"web秀",让你真正秀起来前言在前面文章中,我们详细的讲述了Vuex相关的知识,没有了解的小伙伴可以先去了解一波: <Vuex是什么?Vuex能做 ...
Ajax登录注册-----数据请求交互
环境搭建: 用nodeJs express 搭建服务器, 用MySQL创建数据库表格 .SQLyogEnt管理数据库使用主要技术: bootstrap . JS. jQuery.Ajax.n ...
python label控件背景色_python之pyqt5通过按钮改变Label的背景颜色方法
python之pyqt5通过按钮改变Label的背景颜色方法使用setStyleSheet方法修改得到自己想要的字体,大小,颜色 self.lab = QLabel("标签字体大小颜色&q ...
ajax异步修改新闻状态,ajax同步刷新
[ajax同步刷新]的更多相关文章 \js\ajax.js //图片形式状态切换 function toggle(url,action,obj,str,id){//状态转换/obj-当前对象/str- ...
ajax显示加载动画,jQuery Ajax 加载数据时异步显示加载动画
jQuery Ajax 加载数据时异步显示加载动画 ajax加载后台数据就不说的那么细了. 看下面代码首先前台上放置代码在js脚本文件中首先把这个图片动画隐藏代码如下 $(document).re ...
AngularJS学习笔记（3）——通过Ajax获取JSON数据
通过Ajax获取JSON数据以我之前写的与用户交互的动态清单列表为例,使用JSON前todo.html代码如下: <!DOCTYPE html> <html ng-app=&quo ...

ajax按钮改变数据状态

ajax按钮改变数据状态相关推荐

最新文章

热门文章