通过HTML表单和JavaScript调用Laravel Destroy函数-php教程-PHP中文网

通过HTML表单和JavaScript调用Laravel Destroy函数

碧海醫心

发布： 2025-10-26 10:39:31

原创

816人浏览过

通过html表单和javascript调用laravel destroy函数

本文将介绍如何通过HTML表单和JavaScript调用Laravel的`destroy`函数，实现数据的删除操作。主要讲解如何使用`DELETE`方法，并提供完整的代码示例，包括表单构建、路由定义和控制器实现。通过本文，你将掌握在Laravel项目中安全有效地删除数据的方法。

在Web开发中，删除数据是一项常见的操作。在Laravel框架中，通常使用destroy方法来删除数据库记录。然而，直接通过HTML表单发送DELETE请求并不常见，因为HTML表单原生只支持GET和POST方法。本文将详细介绍如何通过一些技巧，结合HTML表单和JavaScript，来模拟发送DELETE请求，从而调用Laravel的destroy函数。

1. HTML表单的构建

由于HTML表单本身不支持DELETE方法，我们需要借助隐藏字段来模拟。具体做法是，使用POST方法提交表单，并在表单中添加一个隐藏字段_method，将其值设置为DELETE。同时，为了安全起见，还需要包含一个CSRF令牌。

<form action="{{ route('category.destroy', $category->id) }}" method="POST" onsubmit="return confirm('确认删除吗？');" style="display: inline-block;">
    <input type="hidden" name="_method" value="DELETE">
    <input type="hidden" name="_token" value="{{ csrf_token() }}">
    <input type="submit" class="btn btn-xs btn-danger" value="删除">
</form>

登录后复制

代码解释：

表单大师AI

一款基于自然语言处理技术的智能在线表单创建工具，可以帮助用户快速、高效地生成各类专业表单。

查看详情

立即学习“Java免费学习笔记（深入）”；

action="{{ route('category.destroy', $category-youjiankuohaophpcnid) }}": 指定表单提交的URL，这里使用了Laravel的路由辅助函数route()，根据路由名称和参数生成URL。 $category->id是你要删除的记录的ID。
method="POST": 指定表单提交的方法为POST。
onsubmit="return confirm('确认删除吗？');": 在提交表单前弹出一个确认对话框，防止误操作。
<input type="hidden" name="_method" value="DELETE">: 关键所在，使用隐藏字段模拟DELETE请求。Laravel会识别这个字段，并将其视为DELETE请求。
<input type="hidden" name="_token" value="{{ csrf_token() }}">: 包含CSRF令牌，用于防止跨站请求伪造攻击。
<input type="submit" class="btn btn-xs btn-danger" value="删除">: 提交按钮。

注意事项：

确保在你的Blade模板中引入了CSRF令牌。通常，你可以在<head>标签中添加@csrf指令，或者在表单中使用{{ csrf_field() }}。
onsubmit事件中的confirm()函数可以替换为更美观的JavaScript确认框。

2. Laravel路由的定义

接下来，需要在routes/web.php文件中定义对应的路由。

Route::delete('/category/delete/{id}', [CategoryController::class, 'destroy'])->name('category.destroy');

登录后复制

代码解释：

立即学习“Java免费学习笔记（深入）”；

Route::delete('/category/delete/{id}', [CategoryController::class, 'destroy']): 定义一个DELETE请求的路由，URL为/category/delete/{id}，{id}是一个参数，表示要删除的记录的ID。
[CategoryController::class, 'destroy']: 指定处理该路由的控制器和方法。这里指定CategoryController的destroy方法来处理删除请求。
->name('category.destroy'): 为该路由命名，方便在Blade模板中使用route()辅助函数生成URL。

3. 控制器的实现

最后，需要在控制器中实现destroy方法。

<?php

namespace App\Http\Controllers;

use App\Models\Category;
use Illuminate\Http\Request;

class CategoryController extends Controller
{
    public function destroy($id)
    {
        $category = Category::findOrFail($id); // 使用findOrFail，如果找不到记录会抛出异常
        $category->delete();

        return back()->with('success', '分类删除成功');
    }
}

登录后复制

代码解释：

立即学习“Java免费学习笔记（深入）”；

public function destroy($id): destroy方法接收一个参数$id，表示要删除的记录的ID。
$category = Category::findOrFail($id): 根据ID查找要删除的记录。使用findOrFail()方法，如果找不到记录会抛出一个ModelNotFoundException异常，可以更好地处理错误情况。
$category->delete(): 删除记录。
return back()->with('success', '分类删除成功'): 删除成功后，返回上一个页面，并显示一个成功消息。back()函数返回上一个页面，with()函数用于传递会话数据，可以在Blade模板中显示这些数据。

总结：

通过以上三个步骤，你就可以在Laravel项目中实现通过HTML表单调用destroy函数来删除数据的功能。这种方法利用了HTML表单的POST方法和隐藏字段，巧妙地模拟了DELETE请求，同时保证了安全性。在实际开发中，可以根据需要进行调整和优化，例如使用AJAX来异步提交删除请求，或者使用更复杂的权限控制机制。

以上就是通过HTML表单和JavaScript调用Laravel Destroy函数的详细内容，更多请关注php中文网其它相关文章！