javascript - Sweetalert 在确认调用 api 请求时关闭弹出窗口
问题描述
单击确认后我的弹出窗口关闭并再次打开一个显示成功的新弹出窗口。没有加载过程显示的巨大差距。
我已经阅读了有关sweetalert的 ajax 请求的文档。它在那里工作得非常完美,按钮在调用 API 时显示加载。我正在尝试做同样的事情。我想删除我首先打开一个 swal 以确认的请求,如果是,它将调用 api 而不会关闭弹出窗口。
removeSession: function(sessionId){
var _this = this;
var errormessage = 'Error! Session not delete';
var callData = {}
callData["sessionId"] = 0;
swal({
title: "Are you sure?",
text: "Once deleted, the session will be removed.",
icon: "warning",
buttons: true,
dangerMode: true,
})
.then((willDelete) => {
if (willDelete) {
app.apiCustomPost(apiController_data, "delete", callData , function(res){
if(res.status=="success") {
swal(res.message, {
icon: "success",
});
_this.init();
} else {
swal(errormessage, {
icon: "error"
});
}
});
} else {
swal(errormessage, {
icon: "error"
});
}
});
},
请帮助我更正我的代码。
解决方案
我终于解决了这个问题。甜蜜警报的按钮属性有魔力。我们需要将 closeModal 值描述为 true 或 false 以关闭或不关闭模式。
现在按钮在加载时显示...
希望这可以帮助某人。
removeSession: function(sessionId){
var _this = this;
var errormessage = 'Error! Session not delete';
var callData = {}
callData["sessionId"] = 0;
swal({
title: "Are you sure?",
text: "Once deleted, the session will be removed.",
icon: "warning",
buttons: {
cancel: {
text: "Cancel",
value: false,
visible: true,
className: "",
closeModal: true,
},
confirm: {
text: "OK",
value: true,
visible: true,
className: "",
closeModal: false
}
},
dangerMode: true,
})
.then((isConfirm) => {
if (!isConfirm){ return false;}
app.apiCustomPost(apiController_data, "delete", callData , function(res){
if(res.status=="success") {
swal(res.message, {
icon: "success",
});
_this.init();
} else {
swal(errormessage, {
icon: "error"
});
}
});
});
},
推荐阅读
- microsoft-graph-api - 调用图形 API 通过另一个 REST 服务访问 oneDrive (office365)
- java - 如何在 PopupMenu 的下拉菜单中显示图标
- java - 春季启动rabbitmq死队列不停止异常流
- javascript - 如何在不使用脚本编辑器应用程序的情况下在 shopify 首次亮相主题中添加等级折扣脚本
- asp.net-core - 未从 Blazor http 客户端调用 WEB API 控制器类
- angular - 如何在Angular中处理“未捕获(承诺):错误:模板解析错误:'alert'不是已知元素:”?
- jestjs - 有没有办法运行纱线测试(开玩笑)并直接交互更新?
- c++ - 在这个 C/C++ 示例中,clang 是否真的以最佳方式添加向量?
- r - 一种使 as.Date 对格式更加谨慎的方法
- java - Java addActionListener,多个实例正在发生