• 点按钮ajax get方法修改0或1状态封装成函数


    最终效果

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

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

    本文件用的是laravel框架环境

    larave路由里

     Route::get('category/changestatus','AdminCategoryController@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));
    }
    /*
    
  • 相关阅读:
    Ubuntu 20.04安装搜狗输入法
    修改Npm为淘宝镜像地址
    共享打印机连接报错0x0000011b
    echarts柱状图上方显示数据
    openlayers 图层控制
    openlayers+geoserver 从发布地图到点击查询、属性查询
    Openlayers中的比例尺(scale)和分辨率(resolution)
    JavaScript中let和var和const的区别
    css 居中 一个。
    mysql常用函数 取逗号分隔第一个词
  • 原文地址:https://www.cnblogs.com/haima/p/10531660.html
Copyright © 2020-2023  润新知