ajax - 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)
...当然,删除不起作用...
解决方案
推荐阅读
- java - EmptyStackException in getting current path for file manager although initialize path
- vue.js - 如何在 IIS 上运行 vuejs 文件
- javascript - Javascript map add value to exist key
- http - Is this Axios post request incorrect?
- microcontroller - Read 3 bytes from VISA using Labview
- angular - Add some element to a variable it will be automaticated added to another variable
- google-apps-script - 谷歌表格宏创建具有特定桶大小的直方图
- python - 有没有办法在 Python 中自动执行以下代码 - 初学者
- java - 一旦文件已经到达文本文件的末尾,如何在java中使用hasNext()从头开始扫描文件?
- r - 将字符串值转换为频率计数