通过JavaScript Fetch API将PUT请求发送到Laravel Controller

时间:2018-08-15 08:54:59

标签: javascript laravel fetch-api

我想将数据传递给我的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;
}

但是它给我这个错误是Chrome控制台。

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

或者我应该使用Jquery AJAX(但是我喜欢为此应用使用Vanilla JS)。

1 个答案:

答案 0 :(得分:0)

将X-CSRF-令牌更改为X-CSRF-令牌

相关问题