javascript - 如何使用 JavaScript 从 Button 发送 DELETE 请求？

Question

我在 laravel 8 中使用资源 Controller ，我想通过删除按钮点击它的删除方法。如何使用 methord='delete' 创建按钮。我必须在 JavaScript 中创建它，因为按钮在表格中并且我已经使用 JS 创建了该表格。

我的编辑按钮是这样的:

<a href='"+base_url+"/donner/"+user['donner_id']+"/edit'><button class='btn btn-sm btn-outline-warning'><i class='fa-solid fa-pen-to-square'></i>&nbsp;&nbsp;Edit</button></a>

对于删除按钮，我必须使用 delete 方法发送请求。表单按钮或 anchor 标记。

Answer 1

看看下面的示例代码。它向您展示了哪些步骤。将 js 触发器绑定(bind)到按钮。然后使用 fetch 或 axios 或 whatEverToMakeJSApiCalls。

注意 我敢肯定下一个问题会来。 CSRF 等

<button 
  class=""
  onclick="deleteSomething( {{$id}} )">
</button>

function deleteSomething(id) {
  fetch('/api/deleteModelName/' + id,  {
    method: 'DELETE'
  })
}