SweetAlert swal 是同步的还是异步的

于 2021-08-27 16:10:11 发布
阅读量560 收藏
点赞数
分类专栏： 前端工作笔记 文章标签： ajax javascript html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/saber_fan/article/details/119955021
版权

SweetAlert swal 是同步的还是异步的

本人在写关于swal的代码时，发现数据以外的为空，
跟进代码发现，swal代码并没有执行完，程序就执行了下一行js代码，
故猜测swal可能为异步操作，
但翻了翻SweetAlert的官方文档，好像也没有发现官方对同步异步的提及，
也未找到类似于ajax的async属性这种能改变同步异步的属性，遂只能改写代码，
如有大佬有能解决异步问题的方法，望留言回复

CV_engineer_fan
关注
专栏目录
网页弹框的异步行为分析
厦门在乎科技
11-18 1954
1. 序 网页弹框是个很常见的功能，比如需要告知用户消息的时候 (Alert)，需要用户进行确认的时候 (Confirm)，需要用户补充一点信息的时候 (Prompt) …… 甚至可以弹框让用户填写表单 (Modal Dialog)。 弹框之后，开发者需要知道这个弹框是什么时候关闭以便进行接下来的操作。 在比较古老的 UI 组件中，这个事情是通过事件回调来进行的，大概长这样： showDialog(content, title, { closed: function() { console
jQuery提示框插件SweetAlert用法分析
01-19
本文实例讲述了jQuery提示框插件SweetAlert用法。分享给大家供大家参考，具体如下： SweetAlert可以替代Javascript原生的alert和confirm等函数呈现的弹出提示框， 它将提示框进行了美化，并且允许自定义， 支持设置提示框标题、提示类型、内容展示图片、确认取消按钮文本、点击后回调函数等。 准备工作 首先我们必须将SweetAlert插件的js文件和css文件引入到页面中。 [removed][removed] <link rel=stylesheet href=sweetalert.css rel=ex
sweetalert加载弹窗完成自动关闭
09-19
sweetalert加载弹窗完成自动关闭，比较完整的sweetalert加载完成案例
jq 修改swal的标题_jQuery提示框插件SweetAlert用法分析
weixin_34569317的博客
02-17 464
本文实例讲述了jQuery提示框插件SweetAlert用法。分享给大家供大家参考，具体如下：SweetAlert可以替代Javascript原生的alert和confirm等函数呈现的弹出提示框，它将提示框进行了美化，并且允许自定义，支持设置提示框标题、提示类型、内容展示图片、确认取消按钮文本、点击后回调函数等。准备工作首先我们必须将SweetAlert插件的js文件和css文件引入到页面中。本...
sweetalert弹框使用
kirsten_z的博客
04-27 1240
注：类似js中的默认弹框alert，样式更加美化 sweetalert下载链接：http://t4t5.github.io/sweetalert/ 示例：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
swal 用法
weixin_34199405的博客
08-31 4312
//点击确定后执行方法 swal({ title: msg.retInfo, text: "", type: "success", ...
SweetAlert 2
Anticlimax
06-21 2万+
官网链接 SweetAlert2 官网链接 准备阶段 CDN js 如果该 链接 时间久远了 , 可以在官网去找找最新的 可以把 js 复制出来 自己新建一个文件 然后 引用到 html 中 引用:<script src="https://cdn.jsdelivr.net/npm/sweetalert2@8"></script> 1. 带有 确定和取消的 弹...
vue-swal2-loading-overlay:Vue.js插件可轻松添加加载叠加（扩展了vue-sweetalert2）
04-29
//You need to have 'vue-sweetalert2' installed for 'vue-swal2-loading-overlay' to work import Vue from 'vue' ; import VueSweetalert2 from 'vue-sweetalert2' ; import LoadingOverlay from 'vue-swal2-...
sweetalert
09-08
SweetAlert 是一个流行的JavaScript库，专门用于创建美观且可自定义的提示对话框，替代了浏览器默认的警告、确认...在实际项目中，无论是为了提示信息、确认操作还是收集用户输入，SweetAlert都是一个值得考虑的工具。
SweetAlert2的相关JS和CSS文件
09-02
SweetAlert2是一款优雅的、可自定义的JavaScript警告对话框插件，它提供了一种更加美观和用户友好的方式来替代浏览器内置的alert、confirm和prompt对话框。这个插件以其丰富的定制选项、响应式设计以及对各种浏览器...
SweetAlert2
12-27
SweetAlert2是我将升级后的代码进行整合，方便开发者使用！
swal弹窗示例
qq_35392981的博客
12-12 1万+
以下代码网页中打开即可调试 <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" /> <title>测试页面</title> ...
SweetAlert 2 全网最详细的使用方法
dibr63585的博客
03-01 2794
官网链接 SweetAlert2 官网链接 准备阶段 CDN js 如果该 链接 时间久远了 , 可以在官网去找找最新的 可以把 js 复制出来 自己新建一个文件 然后 引用到 html 中 1. 带有 确定和取消的 弹框 Swal.fire({ type: 'warning', // 弹框类型 title: '注销帐号'...
Sweet Alert Dialog踩坑记
霸气觉醒的博客
01-15 3546
写在前面 本人为刚入门安卓的小白，这是我第一篇博客，内容可能略啰嗦或者排版不工整描述不清晰。还望各位猿友键下留人，多给提提小建议，小弟先谢过了。这篇博客主要讲解Sweet Alert Dialog这个框架的正确打开方式，不做过多使用源码讲解，看到这里感觉失望甚至绝望的猿友可以右转出门，恕不远送... 目录 1. 框架简介 2. 错误打开方式演示 3. 正确打开方式演示 正文 1. 框
新手学JavaScript（三）----超酷消息警告框插件（SweetAlert）
weixin_34289454的博客
01-18 205
HTML JavaScript API 今天给大家推荐一款不错的超酷消息警告框–SweetAlert；SweetAlert是一款不需要jQuery支持的原生js提示框,风格类似bootstrap。它的提示框不仅美丽动人，并且允许自定义，支持设置提示框标题、提示类型、内容展示图片、确认取消按钮文本、点击后回调函数等。...
SweetAlert详解
热门推荐
李秀才的博客
01-30 4万+
SweetAlert详解
SweetAlert让消息弹出窗口更加具有个性化！
cybozu的博客
06-21 913
SweetAlertSweetAlert是指可对JavaScript标准功能的alert()及confirm()的弹出窗口进行个性化定制的库。SweetAlert的要点官网上有很多示例，看了这些基本上就OK了。但是，在kintone上使用时，【弹出消息后更新页面】这个处理只参照示例来写的话，一开始有些人应该会误以为是同步处理，慢慢发现不对劲（因为原本的alert函数也是同步处理）。看完示例后才发现...
SweetAlert1如何使用
最新发布
05-30
SweetAlert1 是 SweetAlert 库的旧版本，现在已经停止了维护，建议使用 SweetAlert2 来替代它。不过，如果你一定要使用 SweetAlert1，可以按照以下步骤来使用： 1. 首先，下载 SweetAlert1 的源代码，并将它们添加到你的项目中。 2. 在 HTML 文件中添加以下代码，引入 SweetAlert1 的样式文件和 JavaScript 文件： ```html <link rel="stylesheet" type="text/css" href="path/to/sweetalert.css"> <script src="path/to/sweetalert.min.js"></script> ``` 3. 在 JavaScript 代码中使用 SweetAlert1，例如： ```javascript swal({ title: "Hello World!", text: "This is a demo of SweetAlert1.", type: "success", confirmButtonText: "OK" }); ``` 这段代码会创建一个成功提示框，显示标题为 "Hello World!"，内容为 "This is a demo of SweetAlert1."，并带有一个 "OK" 按钮。在实际使用中，可以根据需要修改参数来创建不同类型的弹窗。 需要注意的是，SweetAlert1 的使用方法与 SweetAlert2 有很大的区别，而且 SweetAlert1 已经停止了维护，可能存在一些安全漏洞和 bug，建议使用 SweetAlert2 来替代它。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值