在laravel中使用fetch api删除记录？

Question

我正在尝试使用 fetch api 删除记录 laravel，但出现以下错误：此路由不支持 GET 方法。支持的方法：删除。路线：Route::delete('/persona_eliminar/{id}', 'PersonaController@eliminar');来自我获取 id 的 foreach 的按钮：<button class="btn btn-danger btn-sm"                        onclick="deletePersona({{$persona->id}})">                        <i class="fas fa-times">                        </i>                    </button>JS：function deletePersona(id) {fetch("/persona_eliminar/" + id, {    method: "DELETE",})    .then((res) => res.json())    .then((response) => {        console.log(response);    });}

Answer 1

//use url with route

//install axios

//define axios

var axios = require('axios');

  axios({method: 'post',

        url: baseUrl + '/persona_eliminar',

        data: {_token: $('meta[name="csrf-token"]').attr('content'), id: id

}

    })

            .then(function (response) {

})

Answer 2

我相信标准语法是

function deletePersona (id) {

  fetch('/persona_eliminar/' + id, {

    method: 'POST',

    body: JSON.stringify({

      _method: 'PUT'

    })

  }).then((res) => res.json())

    .then((response) => {

      console.log(response)

    })

}

Answer 3

即使使用路由的兼容方法，我个人也遇到了 fetch API 的问题。所以我改用 axios，它预装了默认的 Laravel 前端。

你可以这样做：

axios.delete("/persona_eliminar/" + id)

.then((res) => {

  //

})

这是我测试它的方法

路线：：

Route::delete('/bounties/{bounty}/delete', 'BountyController@destroy');

Axios 演示：