最终效果

列表页面表格里点击按钮修改状态

按钮样式要引入bootstrap才可以用

本文件用的是laravel框架环境

larave路由里

  1. Route::get('category/changestatus','Admin\CategoryController@changestatus')->name('admin.category.changestatus'); //修改属性排序/修改名字

html表格里

  1. <script type="text/javascript">
  2. var status_url='/admin/category/changestatus'; //全局的修改状态的url
  3. </script>
  4. <td>
  5. <input class="btn btn-{{$vo['show_in_nav'] == 1 ? 'success' : 'danger'}} size-MINI radius edit-cate" onclick="change_status({{$vo['id']}},'show_in_nav',{{$vo['show_in_nav']?0:1}})" type="button" value="{{$vo['show_in_nav'] == 1 ? '是' : '否'}}">
  6. </td>
  7. <td>
  8. <input class="btn btn-{{$vo['enabled'] == 1 ? 'success' : 'danger'}} size-MINI radius edit-cate" onclick="change_status({{$vo['id']}},'enabled',{{$vo['enabled']?0:1}})" type="button" value="{{$vo['enabled'] == 1 ? '是' : '否'}}">
  9. </td>
  10. <!--共用js-->
  11. <script type="text/javascript" src="/rap/admin/static/common.js"></script> //用户共用的js文件

共用的common.js里


  1. // 启用状态 修改0/1
  2. /**
  3. *
  4. * @param $id 主键id
  5. * @param $name 要修改的字段名字
  6. * @param $status 表里要修改成的状态
  7. */
  8. function change_status($id,$name,$status){
  9. var s_url = status_url; //拿调用页面里全局js里的url
  10. s_url += '?id='+$id;
  11. s_url += '&'+ $name + '=' + $status ;
  12. console.log(s_url);
  13. // return false;
  14. $.get(s_url,function(res){
  15. console.log(123);
  16. if(res.code!=0){
  17. layer.alert(res.msg,{icon:5});
  18. }else{
  19. layer.alert(res.msg,{icon:6});
  20. $('table').load(location.href+' table');
  21. }
  22. },'json');
  23. }

控制器里:

  1. //http://api.hm/admin/category/changestatus
  2. //修改状态
  3. public function changestatus(Request $request)
  4. {
  5. $data = $request->all();
  6. // returnMsg(1,'ok.',$data);
  7. if(empty($data['id'])){
  8. returnMsg(1,'id不能为空.');
  9. }
  10. $changeRes= DB::table('goods_category')
  11. ->where('id', $data['id'])
  12. ->update($data);
  13. if(!$changeRes){
  14. returnMsg(1,'修改失败.');
  15. }
  16. returnMsg(0,'修改成功.');
  17. }

返回json函数 放在公共方法里

  1. /**
  2. * Created by Haima.
  3. * Author:Haima
  4. * QQ:228654416
  5. * Date: 2019-02-27
  6. * Time: 9:24
  7. */
  8. /**
  9. * 公用的方法 返回json数据,进行信息的提示
  10. * @param $status 状态
  11. * @param string $message 提示信息
  12. * @param array $data 返回数据
  13. */
  14. function returnMsg($status,$message = '',$data = array()){
  15. $result = array(
  16. 'code' => $status,
  17. 'msg' =>$message,
  18. 'data' =>$data
  19. );
  20. exit(json_encode($result,JSON_UNESCAPED_UNICODE));
  21. }
  22. /*

点按钮ajax get方法修改0或1状态封装成函数的更多相关文章

  1. 显示定位方法,提取中间text 封装成函数的方法

    tager='工作台' element=WebDriverWait(self.dr,15,0.1).until( eval("lambda x: x."+'find_element ...

  2. 测可用!ecshop立即购买和加入购物车按钮共存的方法

    网上方法很多,但都不能用的,有的是老版本的,有的方法本身就不完整. 应大多数客户要求,我们重新整理下教程,希望对大家有用. 亲测可用!ecshop立即购买和加入购物车按钮共存的方法 第一步:修改ecs ...

  3. 3、尚硅谷_SSM高级整合_使用ajax操作实现修改员工的功能

    当我们点击编辑案例的时候,我们要弹出一个修改联系人的模态对话框,在上面可以修改对应的联系人的信息 这里我们我们要编辑按钮添加点击事件弹出对话框 第一步:在页面中在新增一个编辑联系人的模态对话框 第二步 ...

  4. 2016 系统设计第一期 (档案一)jQuery ajax serialize()方法form提交数据

    jQuery ajax serialize()方法form提交数据,有个很奇怪的问题,好像不能取到隐藏控件的值. //点击提交按钮保存数据 $('#btn_submitUser').click(fun ...

  5. Ajax请求(二)--JQuery的Ajax请求方法

    JQuery库的Ajax请求的几种方法: 1. load( url, [data], [callback] ) :载入远程 HTML 文件代码并插入至 DOM 中. 参数含义: url (String ...

  6. 三种实现AJAX的方法以及Vue和axios结合使用的坑

    前言 之前曾经想自己写一个天气的App,并找到了一个免费的天气数据接口的服务商--和风天气,当时也不懂怎么发HTTP请求,而且也只会用Java语言,看到官方文档里面有一个Java代码示例,就复制了一下 ...

  7. Ajax.BeginForm方法 参数

    感谢博主 http://www.cnblogs.com/zzgblog/p/5454019.html toyoung 在Asp.Net的MVC中的语法,在Razor页面中使用,替代JQuery的Aja ...

  8. mvc多个按钮的提交方法

    转载地址:http://www.cnblogs.com/wuchang/archive/2010/01/29/1658916.html 有时候会遇到这种情况:在一个表单上需要多个按钮来完成不同的功能, ...

  9. 转载Entity Framework 5.0(EF first)中的添加,删除,修改,查询,状态跟踪操作

    转载原出处:http://www.cnblogs.com/kenshincui/p/3345586.html Entity Framework将概念模型中定义的实体和关系映射到数据源,利用实体框架可以 ...

随机推荐

  1. FlexPaper实现文档在线浏览(附源码)

    园子里也有关于FlexPaper的文章,但都不怎么详细. 没有较全的参数说明.就连官方网站都没有.没法,最后只得将swf文件反编译后查看了源码才将里面的参数全部弄出来. 好了,废话不多说,开始正题. ...

  2. 避免Autoclose和Autoshrink选项

    避免Autoclose和Autoshrink选项发布日期:2001年12月18日 问题:我在Microsoft SQL Server 2000资源工具包中读到了一个用于就应当避免使用的选项对所有数据库 ...

  3. SQL Server ->> 查看SQL Server备份历史

    找到最近数据库备份的细节信息,包括备份设备名和地址,最后备份时间 ------------------------------------------------------------------- ...

  4. win10与子系统ubuntu之间互访文件

    在window10的store里面 搜索ubuntu,下载,可以安装 注意: 初次打开有许多软件都没安装,可以新进行 sudo apt-get update,之后在进行其他的操作 1.下载的子系统ub ...

  5. SQLite的.NET应用自适应32位/64位系统 z

    如果一个.NET应用要自适应32位/64位系统,只需要在项目的“目标平台”设置为“Any CPU”.但是如果应用中使用了SQLite,情况就不同了. SQLite的.NET开发包来自是System.D ...

  6. bzoj1965 [Ahoi2005]洗牌

    Description 为了表彰小联为Samuel星球的探险所做出的贡献,小联被邀请参加Samuel星球近距离载人探险活动. 由于Samuel星球相当遥远,科学家们要在飞船中度过相当长的一段时间,小联 ...

  7. The Child and Zoo 题解

    题目描述 Of course our child likes walking in a zoo. The zoo has n areas, that are numbered from 1 to n. ...

  8. NW.js开发环境的搭建

    写在前面: 之前一直在找关于在mac怎么搭建nw.js的开发环境,苦于自己也没有很深入的理解,其实看看官方文档就差不多知道mac下要怎么整了. 官方文档的图: 正题开始: 先去下载一个nw.js的安装 ...

  9. 【洛谷P2296】[NOIP2014]寻找道路

    寻找道路 题目链接 这道题非常的水,按照题意, 先反向建边,从终点搜索,标记出可以到达终点的点 然后枚举一遍,判断出符合条件1的点 再从起点搜索一遍就可以了 #include<iostream& ...

  10. Android学习笔记_75_Andorid控件样式汇总

    <!-- 设置activity为透明 --> <style name="translucent"> <item name="android: ...