JQ怎么改变class属性进行ajax传值实现不刷新页面改变是否显示

末蓝、 2022-04-08 09:53 153阅读 0赞

JQ：

//显示
            $('.is_show').click(function () {
                var id = $(this).parents('tr').data('id');
                if ($(this).hasClass("am-icon-check")) {
                    var is_show = 0;
                }else{
                    var is_show = 1;
                }
                // alert(is_show);
                var _this=$(this);
                $.ajax({
                    type:'post',
                    data:{is_show:is_show,id:id},
                    url:`/index/tag/update/`+id,
                    success:function () {
                        if (_this.hasClass("am-icon-check")) {
                            _this.removeClass("am-icon-check");
                            _this.addClass("am-icon-close")
                        }else{
                            _this.removeClass("am-icon-close");
                            _this.addClass("am-icon-check")
                        }
                    }
                })
                // alert(id)
            })

TP5后台：

public function update(Request $request, $id)
    {
        $is_show = $request->param('is_show');
        $id = $request->param('id');
        tags::where('id',$id)->update(['is_show'=>$is_show]);
    
    }