如何为asp.net核心中的delete按钮应用甜蜜警报或引导模式

// 在View中，给delete按钮添加点击事件
<button id="deleteBtn" class="btn btn-danger">Delete</button>

// 在JavaScript中，处理delete按钮点击事件
document.getElementById('deleteBtn').addEventListener('click', function() {
    // 弹出甜蜜警报
    Swal.fire({
        title: '确认删除？',
        text: '该操作将不可恢复！',
        icon: 'warning',
        showCancelButton: true,
        confirmButtonColor: '#3085d6',
        cancelButtonColor: '#d33',
        confirmButtonText: '确定',
        cancelButtonText: '取消'
    }).then((result) => {
        if (result.isConfirmed) {
            // 用户点击了确认按钮，执行删除操作
            deleteItem();
        }
    });
});

// 执行删除操作的函数
function deleteItem() {
    // 使用AJAX请求或其他适当的方式发送删除请求给后端
    // 例如使用jQuery的$.ajax方法
    $.ajax({
        url: '/delete',
        method: 'POST',
        success: function(response) {
            // 删除成功，处理返回的响应数据
            // 例如显示成功提示消息
            Swal.fire({
                title: '删除成功',
                icon: 'success'
            });
        },
        error: function() {
            // 删除失败，处理错误情况
            // 例如显示错误提示消息
            Swal.fire({
                title: '删除失败',
                icon: 'error'
            });
        }
    });
}