php - Laravel 5.5 在点击时使用 ajax 调用删除项目

Question

当您单击图标时，我试图通过 ajax 调用删除模型项。 没有 ajax 调用，只有一个表单，一切都很好。

当我查看我的 chrome 开发工具的网络选项卡时抛出此异常

"Symfony\Component\HttpKernel\Exception\HttpException"

这是我的图标:

<i class="fa fa-trash-o deletebtn" aria-hidden="true" data-pointid="<?php echo $damagePoint->id ?>"></i>

我的 ajax 调用:

$(".deletebtn").click(function(ev){
    let pointid = $(this).attr("data-pointid");

    $.ajax({
        url: '/pointdelete/' + pointid,
        type: 'delete',
        success: function (response) {

        }
    });
})

我的路线:

Route::delete('pointdelete/{id}', 'DamagePointController@delete');

我的 Controller 方法

public function delete($id)
{
    $todo = DamagePoint::findOrFail($id);
    $todo->delete();

    return back();
}

Answer 1

如果你使用的删除路由类似于post。这是示例代码。你可以根据需要进行更改

$(".deletebtn").click(function(ev){
    let pointid = $(this).attr("data-pointid");
    $.ajax({
               type: 'DELETE',
               url: '/pointdelete',
               dataType: 'json',
               headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') },
               data: {id:pointid,"_token": "{{ csrf_token() }}"},

               success: function (data) {
                      alert('success');            
               },
               error: function (data) {
                     alert(data);
               }
    });
});

路线

Route::delete('pointdelete','DamagePointController@delete');

Controller

 public function delete(Request $request){

        if(isset($request->id)){
              $todo = DamagePoint::findOrFail($request->id);
              $todo->delete();
              return 'success';
        }
 }