如何在ASP MVC中显示sweetAlert删除确认对话框？

我来帮你梳理下问题根源，以及怎么完美实现带确认弹窗的客户删除功能：

初始代码的核心问题 #

你一开始用的是<input type="submit">按钮，点击这个按钮时，浏览器会立刻触发表单提交——而你的remove()函数里的SweetAlert是异步交互（需要用户手动点击确认/取消），还没等用户看到弹窗，页面已经跳转到Controller的Delete方法并完成重定向了，所以弹窗根本没机会显示出来。

正确的实现方案（基于你更新后的代码优化） #

你改成普通按钮+AJAX的思路完全正确，但还有几个细节需要调整，确保功能完整且稳定：

1. 确保引入jQuery依赖 #

你的AJAX代码用到了$.ajax，所以必须在页面里引入jQuery，否则AJAX请求会直接失效：

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="https://unpkg.com/sweetalert/dist/sweetalert.min.js"></script>

2. 修正View的按钮与JS代码（传递客户ID） #

Controller的Delete方法需要int id参数，所以AJAX请求里必须把要删除的客户ID传过去，否则无法定位到具体客户：

<!-- 假设你在View中能获取到当前客户的ID，比如通过Model.Id -->
<input type="button" value="Delete" class="btn btn-default" onclick="remove(@Model.Id)">

<script type="text/javascript">
function remove(clientId) {
    swal({
        title: "Are you sure?",
        text: "Once deleted, you will not be able to recover this profile!",
        icon: "warning",
        buttons: true,
        dangerMode: true,
    }).then((willDelete) => {
        if (willDelete) {
            $.ajax({
                type: "POST",
                url: "/Client/Delete",
                // 传递ID参数，与Controller的参数名保持一致
                data: { id: clientId },
                success: function (response) {
                    swal("Poof! The profile has been deleted!", { icon: "success" })
                    .then(function () {
                        // 删除成功后跳转到首页
                        window.location.href = "/Home/Index";
                    });
                },
                failure: function (response) {
                    swal("Oops!", "Failed to delete the client!", "error");
                },
                error: function (response) {
                    swal("Oops!", "An error occurred while deleting!", "error");
                }
            });
        } else {
            swal("Your profile is safe!");
        }
    });
}
</script>

3. 优化Controller的Delete方法 #

去掉多余的Client cmodel参数（我们只需要ID即可），并且返回JSON结果让AJAX能正确处理成功/失败状态：

[HttpPost]
public ActionResult Delete(int id) {
    try {
        ClientManagement cdb = new ClientManagement();
        bool deleteSuccess = cdb.DeleteClient(id);
        
        if (deleteSuccess) {
            TempData["Message"] = "Client Deleted Successfully";
            return Json(new { success = true });
        } else {
            return Json(new { success = false, message = "Failed to delete client" });
        }
    } catch (Exception ex) {
        return Json(new { success = false, message = ex.Message });
    }
}

为什么这样能解决问题？ #

• 普通按钮（type="button"）不会自动提交表单，点击后只会执行remove()函数，确保SweetAlert能正常弹出并等待用户操作。
• 用AJAX异步提交删除请求，等服务器返回结果后再执行弹窗提示和页面跳转，整个交互流程完全可控。

内容的提问来源于stack exchange，提问作者Exact