Javascript 要使用ajax将活动状态从1更新为0吗

我将根据数据库中“活动”列的值的状态启用或禁用按钮。我想使用javascript或ajax更改按钮状态。数据库中的“活动”值也应更新

blade.php

                                 <td class="text-center">
                                     <a href="#" data-toggle="modal" data-target="#myModal" class="edit"><i class="fa fa-comment"></i></a>
                                     @if( $joins->active == "1")
                                         <a href="{{route('asset.status',$joins->id)}}" id="return" data-toggle="modal" @if($joins->active === "1") class="edit  action-button" @else class="disabled2" @endif><i class="fa fa-get-pocket"></i></a>
                                     {{--@else--}}
                                     {{--<a href="#" id="return" data-toggle="modal" class="disabled2"><i class="fa fa-get-pocket"></i></a>--}}

                                     @endif
                                 </td>

Route::get('profile-management/employee-assets/update/{id}','AssetController@statusUpdate')->name('asset.status');

   public function statusUpdate(Request $request,$id){
        $update = Asset::find($id);
        $update->active = "1";

        $update->save();
        $request->session()->flash('alert-info', 'Product Status Updated!');
        return redirect('/profile-management/employee-assets');
    }

Controller.php

                                 <td class="text-center">
                                     <a href="#" data-toggle="modal" data-target="#myModal" class="edit"><i class="fa fa-comment"></i></a>
                                     @if( $joins->active == "1")
                                         <a href="{{route('asset.status',$joins->id)}}" id="return" data-toggle="modal" @if($joins->active === "1") class="edit  action-button" @else class="disabled2" @endif><i class="fa fa-get-pocket"></i></a>
                                     {{--@else--}}
                                     {{--<a href="#" id="return" data-toggle="modal" class="disabled2"><i class="fa fa-get-pocket"></i></a>--}}

                                     @endif
                                 </td>

Route::get('profile-management/employee-assets/update/{id}','AssetController@statusUpdate')->name('asset.status');

   public function statusUpdate(Request $request,$id){
        $update = Asset::find($id);
        $update->active = "1";

        $update->save();
        $request->session()->flash('alert-info', 'Product Status Updated!');
        return redirect('/profile-management/employee-assets');
    }

---

您只能使用一个按钮，如blow：

刀片

JavaScript:

在成功回调中使用响应：

<script>
    $(".action-button").click(function(){
        swal({
            type : 'warning',
            title: 'Submit what you want',
            input: 'text',
            showCancelButton: false,
            confirmButtonText: 'Submit',
            showLoaderOnConfirm: true,
            allowOutsideClick: false

        }).$.ajax({
        type: "POST",
        url : 'profile-management/employee-assets/update/{id}',
        data: { id: id },
        success: function(data){
            console.log(data,'data'); // {status: true, active: true/false }

         // Here use data to manipulate the button with id return, mean add/remove classes etc. d


            swal('Confirmed!','success')
        }

        });
    })

</script>

$（“.action按钮”）。单击（函数（）{
游泳({
键入：“警告”，
标题：“提交所需内容”，
输入：“文本”，
showCancelButton:false，
confirmButtonText:“提交”，
请确认：正确，
allowOutsideClick:false
}).ajax({
类型：“POST”，
url:'profile management/employee assets/update/{id}'，
数据：{id:id}，
成功：功能（数据）{
log（data，'data'）；//{状态：true，活动：true/false}
//这里使用数据操作带有返回id的按钮，表示添加/删除类等
swal（“已确认！”，“成功”）
}
});
})

$（“#return”）.prop（'disabled'，true）在ajax success.nope上。我还想更新数据库。控制器和ajaxI中的'status'出现错误也更新了我的答案，{status:true，active:true/false}行是供参考的，刚刚注释掉了它。但我的按钮消失了，我只想禁用它与我共享刀片。您是否删除了HTML并使用了我提供的HTML。你是如何处理成功的方法的？删除@if（$joins->active==“1”）之外的HTML。当状态为活动状态时，仅显示按钮，在任何情况下都显示按钮。