首页 > 解决方案 > Laravel 5.7 9 Yajra 数据表删除按钮

问题描述

我在表格中的按钮由以下人员创建:

return Datatables::of($members)
            ->addColumn('action', function ($id) {
                return '<a href="member/' . $id->id . '/edit" class="btn btn-primary">Edit</a>
                        <button class="btn btn-primary btn-delete" data-remote="/admin/members/' . $id->id . '">Delete</button>
                  '; })->make(true);

js函数:

$('#datatable-member').on('click', '.btn-delete[data-remote]', function (e) {
        e.preventDefault();
        $.ajaxSetup({
            headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            }
        });
        var url = $(this).data('remote');
        alert(url);
        $.ajax({
            url: url,
            type: 'DELETE',
            dataType: 'json',
            data: {method: '_DELETE', submit: true}
        }).always(function (data) {
            $('#datatable-member').DataTable().draw(false);
        });
    });

调试警报的返回是(例如):/admin/members/2

路线是这样的:

DELETE    | admin/members/{member}      | members.destroy | App\Http\Controllers\Admin\MemberController@destroy | web

我在JS 控制台中有这个错误:

jquery-3.3.1.min.js:2 DELETE http://127.0.0.1:8000/admin/members/2 404 (Not Found)

...当然,删除不起作用...

标签: ajaxlaravel

解决方案


推荐阅读