在没有JSON数据的PHP中添加SweetAlert2确认删除,可以通过以下步骤实现:
<button id="deleteButton">删除</button>
<script>
document.getElementById("deleteButton").addEventListener("click", function() {
// 使用SweetAlert2确认框
Swal.fire({
title: '确认删除?',
text: "删除后将无法恢复!",
icon: 'warning',
showCancelButton: true,
confirmButtonColor: '#3085d6',
cancelButtonColor: '#d33',
confirmButtonText: '确认删除',
cancelButtonText: '取消'
}).then((result) => {
if (result.isConfirmed) {
// 用户点击了确认删除按钮
// 执行删除操作的PHP代码
// 例如,可以使用AJAX发送请求到服务器端的PHP文件来执行删除操作
// 也可以直接在当前页面中使用PHP代码执行删除操作
// 以下是一个示例的AJAX请求:
/*
$.ajax({
url: 'delete.php',
type: 'POST',
data: {id: 123}, // 传递删除的数据参数
success: function(response) {
// 删除成功后的处理
Swal.fire(
'删除成功',
'数据已经被删除。',
'success'
);
},
error: function(xhr, status, error) {
// 删除失败后的处理
Swal.fire(
'删除失败',
'删除操作发生错误。',
'error'
);
}
});
*/
}
});
});
</script>
在上述代码中,首先通过getElementById
获取到删除按钮的元素,然后添加一个点击事件监听器。当用户点击删除按钮时,SweetAlert2确认框将会显示。如果用户点击了确认删除按钮,可以在then
回调函数中执行相应的删除操作的PHP代码。
请注意,上述代码中的删除操作示例使用了AJAX请求来执行删除操作,并且假设有一个名为delete.php
的服务器端PHP文件来处理删除操作。你可以根据实际情况修改代码以适应你的项目需求。
总结:通过引入SweetAlert2库和编写相应的JavaScript代码,可以在没有JSON数据的PHP中添加SweetAlert2确认删除功能。这样可以提供更好的用户体验,并且确保用户在执行删除操作时能够进行确认。
领取专属 10元无门槛券
手把手带您无忧上云