You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何在控制器destroy()方法中用RealRashid的Sweet Alert实现删除确认?

解决Laravel中用RealRashid Sweet Alert实现删除确认的问题

你的问题核心在于后端无法等待前端的弹窗交互——HTTP请求是单次同步的,后端执行Alert::question()后会直接继续执行后续代码,不管用户是否点击确认,所以记录必然会被删除。正确逻辑是让前端先弹出确认框,用户确认后再发送删除请求,后端仅负责处理确认后的删除操作。

步骤1:前端实现确认弹窗(Blade模板)

给删除按钮绑定点击事件,用Sweet Alert弹出确认框,用户确认后再提交删除表单:

<!-- 隐藏的删除表单 -->
<form id="delete-form-{{ $company->id }}" action="{{ route('companies.destroy', $company->id) }}" method="POST" style="display: none;">
    @csrf
    @method('DELETE')
</form>

<!-- 删除按钮 -->
<button type="button" class="btn btn-danger" onclick="confirmDelete({{ $company->id }})">
    删除公司
</button>

<script>
function confirmDelete(companyId) {
    Swal.fire({
        title: '删除记录?',
        text: '删除后无法撤销!确定要继续吗?',
        icon: 'question',
        showCancelButton: true,
        confirmButtonText: '确认删除',
        cancelButtonText: '取消'
    }).then((result) => {
        // 用户点击确认后提交表单
        if (result.isConfirmed) {
            document.getElementById(`delete-form-${companyId}`).submit();
        }
    });
}
</script>

步骤2:修改后端控制器destroy方法

去掉后端的Alert::question(),仅处理确认后的删除逻辑:

public function destroy(Company $company)
{
    $company->delete();
    return back()->with('status', 'Company Deleted!');
}

补充说明

RealRashid的Sweet Alert后端类(Alert::xxx())仅用于向前端传递弹窗渲染指令,无法捕获用户的交互反馈。要实现"确认后执行删除"的逻辑,必须依赖前端Sweet Alert弹窗控制是否发起删除请求——只有用户点击确认,才会触发后端的destroy方法执行删除。

内容的提问来源于stack exchange,提问作者Gilles Ashley

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.08.20 23:45:38