通过 JavaScript 获取 API 向 Laravel 控制器发送 PUT 请求

Question

我想将数据传递到我的 laravel 控制器以将它们保存在数据库中。这是我的代码..

HTML 元标记..

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

javascript代码块..

    const token = document.querySelector('meta[name="csrf-token"]').content;
    url = '/customer/create';

    fetch(url,{
        method: 'PUT',
        credentials: 'omit',
        mode: 'same-origin',
        headers:{
            "Content-Type": "application/json; charset=utf-8",
            "X-CSRF-Token": token
        },
        body: JSON.stringify({name: 'Customer Name'})
    });

路由器代码块...

Route::put('/customer/create', [
'uses' => 'CustomerController@createNew',
'as' => 'customer.create'
]);

控制器代码块（仅供测试）...

public function createNew(Request $request){

    return $request;
}

但是它给我这个错误 ar chrome console..

PUT http://uran.test/customer/create 419 (unknown status)

或者我应该使用 Jquery AJAX（但我喜欢为这个应用程序使用 Vanilla JS）。

Answer 1

将 X-CSRF-Token 更改为 X-CSRF-TOKEN

通过 JavaScript 获取 API 向 Laravel 控制器发送 PUT 请求

Send PUT request to Laravel Controller via JavaScript Fetch API

javascript

laravel

fetch-api