最終效果

列表頁面表格里點擊按鈕修改狀態

按鈕樣式要引入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里的urls_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)); } /*

轉載于:https://www.cnblogs.com/haima/p/10531660.html

總結

以上是生活随笔為你收集整理的点按钮ajax get方法修改0或1状态封装成函数的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。