我有一个JS文件,我有这样的函数:
function eliminarProducto(id){
var url = '../php/apartado/elimina_producto.php';
var pregunta = confirm('Are you sure to delete this user?');
浏览器中显示的消息看起来很简单,所以我想通过Sweet Alert消息进行更改......但我不知道怎么做! ;(
if(pregunta==true){
$.ajax({
type:'POST',
url:url,
data:'id='+id,
success: function(registro){
$('#agrega-registros').html(registro);
return false;
}
});
return false;
}else{
return false;
}
***********************编辑后********************** ******** 新代码
function eliminarProducto(id){
var url = '../php/apartado/elimina_producto.php';
swal({
title: '¡Atención!',
text: "¿Desea eliminar el registro?",
type: 'warning',
showCancelButton: true,
confirmButtonText: 'Aceptar'
}).then(function(){
$.ajax({
type:'POST',
url:url,
data:'id='+id,
success: function(registro){
$('#agrega-registros').html(registro);
}
});
})
}
如果我选择取消选项,我该怎么办? :)
答案 0 :(得分:2)
假设你有一个“swal”工作。
我如何管理“确认”决定是:
.catch(swal.noop).then(function(result){...});
该“捕获”指令主要用于后台单击或模态关闭。我认为它代表“No Operation”,但我不确定。它适用于“OK”或“Not OK”按钮。它捕获并杀死它。
因此,如果你实际上有两个按钮之一的“结果”,则适用“then”条款
所以result
是一个布尔真/假反映用户的选择。
您的代码将是:
function eliminarProducto(id){
var url = '../php/apartado/elimina_producto.php';
swal({
title: '¡Atención!',
text: "¿Desea eliminar el registro?",
type: 'warning',
showCancelButton: true,
confirmButtonText: 'Aceptar'
}).catch(swal.noop).then(function(result){ // Change here.
if(result){ // If "yes" from user.
$.ajax({
type:'POST',
url:url,
data:'id='+id,
success: function(registro){
$('#agrega-registros').html(registro);
}
});
}
})
}