如何在 laravel 中使用 ajax 调用删除路由？

Question

我想用 ajax 调用路由资源，当我将类型设置为删除时出现错误（异常“Symfony\Component\HttpKernel\Exception\MethodNotAllowedHttpException”） 并给出消息（消息“此路由不支持 DELETE 方法。支持的方法：GET、HEAD、POST。”）。功能几乎可以正常工作，因为刷新后状态也发生了变化，但我是上述错误。

路线：

        Route::resource('category', ArtistCategoryController::class);

控制器：

 public function destroy($id)
{
    $category = ArtistCategory::findOrFail($id);
    $deleteResponse = $category->update([
       'status'=>'d'
    ]);
    if ($deleteResponse) {
        deleteMessage();
        return redirect()->back();
    } else
        errorMessage();

}

查看：

 <a href="" class="categoryDelete" data-id={{ $category->id}} ><i class="far fa-trash-alt" style="color: #b21f2d"></i></a>

ajax：

<script>
    $(".categoryDelete").on('click', function (e) {
        e.preventDefault();
        let id = $(this).data('id')
        // console.log(id)
        $.ajax({
            url: '/artist/category/'+id,
            type: 'DELETE',
            data:{"id": id, "_token": "{{ csrf_token() }}"},
            success: function (data)
            {
                alert(data)
            },
            error: function (e){
                alert(e)
            }
        });
    })
</script>

Answer 1

通过改变destroy方法解决了这个问题 因为我使用了 return return redirect()->back();它给出了错误，这是不可接受的

更新

   public function destroy($id): \Illuminate\Http\JsonResponse
{
    $category = ArtistCategory::findOrFail($id);
    $deleteResponse = $category->update([
       'status'=>'d'
    ]);
    if ($deleteResponse) {
        return response()->json([
            'data' => [
                'id' => $id
            ],
            'status' => 'success',
        ]);
    } else
    {
        return response()->json([
            'data' => [
                'id' => $id
            ],
            'status' => 'error',
            'message' => __("Couldn't Delete. Please Try Again!")
        ], 500);
    }

}

Answer 2

您需要在标头中设置 csrf 令牌。查看页面底部的文档：https://laravel.com/docs/8.x/csrf#csrf-x-csrf-token

用这样的标记创建一个元标记：

<meta name="csrf-token" content="{{ csrf_token() }}">

然后像这样抓住它：

$.ajaxSetup({
    headers: {
        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
    }
});