我正在尝试创建一个DOM事件,其中用户单击表行的标题(th
)单元格将从提供表格数据的数据库中删除相应的行。
这段代码按预期的方式工作,只需将包含行的id信息的AJAX从index.php POST到delete.php然后运行sql查询。
然而,在将网站移至Laravel后,我遇到了一个错误:
POST http://sandbox.app/delete 419 (unknown status)
负责附加删除事件并通过AJAX发布id的JavaScript部分:
function attachDelete() {
$("#mainTable tbody tr th").on("click", function(e){
console.log(e.target.innerText + " was clicked");
var token = $('meta[name="csrf-token"]').attr('content');
var id_to_delete = e.target.innerText;
$.ajax({
headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
type: 'POST',
dataType: 'text',
url: 'delete',
data: {
'id_to_delete': id_to_delete,
"_method": 'POST',
"_token": token
},
success: function () {alert("Deleted!"); },
failure: function() {alert("Error!");}
});
});
}
attachDelete();
console.log(e.target.innerText + " was clicked");
熄灭了。
但是,success
/ error
消息不会出现。
直接转到http://sandbox.app/delete会显示一个包含大量文本的Laravel错误窗口,此部分突出显示:
protected function methodNotAllowed(array $others)
{
throw new MethodNotAllowedHttpException($others);
}
在阅读StackOverflow相关问题的答案后,我添加了令牌变量。这没有用。
如果重要,路线:
Route::post('/delete', 'TasksController@delete');
控制器:
class TaskController extends Controller
{
public function delete()
{
include 'config.php';
$stmt = $pdo->prepare('DELETE FROM food WHERE id = :id');
$stmt->execute(['id' => $_POST['id_to_delete']]);
}
}
delete()中的代码曾经只是旧的无框架网站中delete.php文件的内容,其中一切正常。
我尝试在没有控制器的情况下创建一个delete.php视图(使用与delete()函数相同的代码)。但它并没有什么不同:
Route::post('/delete', function () {
return view('delete');
});
答案 0 :(得分:0)
好吧,好像你在后端与POST通信。因此,您应该在 api.php 上配置路线,而不是 web.php
将您的路线与控制器相关联
Route::post('/delete', 'TasksController@delete');
在api.php文件中。