最终效果

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

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

本文件用的是laravel框架环境

larave路由里

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

html表格里

<script type="text/javascript">
var status_url='/admin/category/changestatus'; //全局的修改状态的url
</script> <td>
<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 ? '是' : '否'}}">
</td>
<td>
<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 ? '是' : '否'}}">
</td> <!--共用js-->
<script type="text/javascript" src="/rap/admin/static/common.js"></script> //用户共用的js文件

共用的common.js里


// 启用状态 修改0/1
/**
*
* @param $id 主键id
* @param $name 要修改的字段名字
* @param $status 表里要修改成的状态
*/
function change_status($id,$name,$status){
var s_url = status_url; //拿调用页面里全局js里的url
s_url += '?id='+$id;
s_url += '&'+ $name + '=' + $status ;
console.log(s_url);
// return false;
$.get(s_url,function(res){
console.log(123);
if(res.code!=0){
layer.alert(res.msg,{icon:5});
}else{
layer.alert(res.msg,{icon:6});
$('table').load(location.href+' table');
}
},'json');
}

控制器里:

//http://api.hm/admin/category/changestatus
//修改状态
public function changestatus(Request $request)
{
$data = $request->all();
// returnMsg(1,'ok.',$data);
if(empty($data['id'])){
returnMsg(1,'id不能为空.');
} $changeRes= DB::table('goods_category')
->where('id', $data['id'])
->update($data);
if(!$changeRes){
returnMsg(1,'修改失败.');
}
returnMsg(0,'修改成功.');
}

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

/**
* Created by Haima.
* Author:Haima
* QQ:228654416
* Date: 2019-02-27
* Time: 9:24
*/
/**
* 公用的方法 返回json数据,进行信息的提示
* @param $status 状态
* @param string $message 提示信息
* @param array $data 返回数据
*/
function returnMsg($status,$message = '',$data = array()){
$result = array(
'code' => $status,
'msg' =>$message,
'data' =>$data
);
exit(json_encode($result,JSON_UNESCAPED_UNICODE));
}
/*

最新文章

  1. 台式机装原版Win2008R2
  2. CEF 相关资料
  3. css经典布局学习
  4. tomcat server.xml配置详解
  5. ios llvm and clang build tools
  6. (转).net控件dropdownlist动态绑定数据
  7. javascript笔记整理(流程控制)
  8. 查询职责分离(CQRS)模式
  9. Chapter 2 Open Book——37
  10. 【Unity3D技术文档翻译】第1.0篇 AssetBundles
  11. 算法与数据结构(十) 二叉排序树的查找、插入与删除(Swift版)
  12. 再杀掉app之后 删除NSUserDefault存在本地的数据
  13. fiddler filter过滤+断点
  14. ASP.NET Core 2.0 多应用实现Cookie共享
  15. #ZLYD团队第二周项目总结
  16. 解决内部元素onMouseOver/onMouseOut事件冒泡触发父元素的相应事件
  17. 在Ubuntu18.04的Docker中安装Oracle镜像及简单使用
  18. [BZOJ4945][Noi2017]游戏 2-sat
  19. zabbix前端添加平台脚本监控
  20. Hibernate的批量操作

热门文章

  1. ArcGIS Engine从服务器(ArcSDE geodatabases)读取数据
  2. 《ArcGIS Runtime SDK for Android开发笔记》——(13)、图层扩展方式加载Google地图
  3. 快速开始Python/WSGI应用程序
  4. Object中的clone方法
  5. day013-流
  6. 【Leetcode】【Medium】Single Number II
  7. Nginx+Tomcat在Windows下做负载均衡
  8. vue错误提示 Cannot read property &#39;beforeRouteEnter&#39; of undefined,刷新后跳到首页
  9. Haskell 与范畴论-函子、态射、函数
  10. 【转】Android应用程序窗口(Activity)窗口对象(Window)创建指南