swal()方法是一个提示框;

swal({ title: "", text: "请扫描用户手机上的付款码",type: "input", showCancelButton: true, closeOnConfirm: false, cancelButtonText: "取消", confirmButtonText: "确认", imageUrl: "/assets/images/icon/scancode.gif",inputPlaceholder: "请填写付款码数字",showLoaderOnConfirm: true},function(inputValue){ if(inputValue){if (inputValue === "") { swal.showInputError("请填写付款码数字");return false }else{$("input[name='authCode']").val(inputValue);var form = cashierFrom.serialize();$.post("/cashier/order", form, function(data) {var result = $.parseJSON(data);if (result.code == 'SUCCESS') {swal({title : "支付成功",type : "success",confirmButtonText : "确定",closeOnConfirm : false});} else {if(result.subCode=='USER_PAYING'){var html = '<div class="q-btn-box"><button type="button" class="btn btn-primary waves-effect waves-light">取消</button></div>';showLoadAlert('等待用户输入密码..',html);var no = result.outTradeNo;queryInterval = self.setInterval("cashierOrderQuery('"+no+"',true)",3000);}else{swal({title : "支付失败",type : "error",text : result.msg,confirmButtonText : "确定",closeOnConfirm : false});}}});}}});

 swal() 增加确认及取消的方法

swal({title: "确认删除?",text: "Your will not be able to recover this imaginary file!",type: "warning",showCancelButton: true,confirmButtonColor: "#DD6B55",confirmButtonText: "确认",cancelButtonText: "取消",closeOnConfirm: false,closeOnCancel: false
},
function(isConfirm){if (isConfirm) {swal("Deleted!", "Your imaginary file has been deleted.", "success");} else {swal("Cancelled", "Your imaginary file is safe :)", "error");}
});

  可参考地址:

http://www.dglives.com

转载于:https://www.cnblogs.com/lvxisha/p/9729692.html

swal() 弹出层的用法相关推荐

  1. Lightbox弹出层插件:jQuery弹出层插件用法

    插件描述:这款lightbox,可应用于图片.swf文件.html文件等等. Lightbox弹出层插件 说明文档  : 1.引入资源,(JQ1.3+)和JS文件: <script type=& ...

  2. swal弹窗_swal() 弹出层的用法

    swal()方法是一个提示框: swal({ title: "", text: "请扫描用户手机上的付款码", type: "input", ...

  3. layer 弹出层读取html,Layer弹出层动态获取数据的方法

    前一阵子做了一个简单的小项目,用到了layer弹出层(弹出层的用法就不多加赘述了,官网上都有详细的介绍,这里附上网址),当时前后台合页面的时候就出现了一个问题,弹出层总是获取不到数据,不过后面还是和同 ...

  4. Layer弹出层动态获取数据

    前一阵子做了一个简单的小项目,用到了Layer弹出层(弹出层的用法就不多加赘述了,官网上都有详细的介绍,这里附上网址http://layer.layui.com/),当时前后台合页面的时候就出现了一个 ...

  5. layert弹出层关于layer.open,打开页面时的用法

    layer弹出层,当设置type为2时,引入其他页面中内容. 最近项目里碰到的问题,在父页面用layer.open打开子页面后,从子页面如何调用父页面的方法,从子页面如何关闭父页面中layer弹出层. ...

  6. 页面弹出层组件layer的用法

    欢迎关注博主公众号:[纯洁的明依]文章由陈晓阳原创. 本人微信:chenxiaoyangzxy. 免费提供本人大量学习资料. 一:页面引入和核心js文件 layer.js <script src ...

  7. js插件---弹出层sweetalert2

    一.总结 sweetalert2的窗口美观,移动端适配也比较好,易学易用,是一款简单便捷的组件,值得学习! SweetAlert2和SweetAlert的区别? SweetAlert2是SweetAl ...

  8. 弹出层之1:JQuery.Boxy (二)

    在<弹出层之1:JQuery.Boxy (一)>中讲到了JQuery.Boxy的基本用法,本次讲下手动创建实例,new一个boxy对象是很容易的,传递一些参数对象就能满足不同的需求了. 4 ...

  9. 使用jquery的blockui插件显示弹出层

    使用jquery的blockui插件显示弹出层 Posted on 2011-04-14 16:34 孤独者 阅读(9975) 评论(0) 编辑 收藏 在做网站的开发过程中,可能需要使用弹出层,使用j ...

最新文章

  1. 且看电脑高手如何优雅的使用windows系统
  2. Redis 教程基于win10:1介绍
  3. oracle 拆分逗号转行_一个列用逗号隔开,列转行,看看是否有更好的办法。
  4. mysql with as 用法_Python之图解with语句
  5. 类的继承 设计模式
  6. 浅谈数据结构-二叉排序树
  7. 无迹卡尔曼滤波(UKF)详解
  8. python书籍pdf文档密码-Python玩转PDF的各种骚操作
  9. 接口测试--apipost如何自定义header中的content-type
  10. c语言指针详解pdf下载,C语言指针详解.pdf
  11. Python机器学习入门;推荐一本Python数据分析与机器学习入门书籍-唐宇迪《跟着迪哥学 Python数据分析与机器学习实战》PDF+源代码
  12. 视频压制相关工具下载
  13. 听见丨谷歌DeepMind科学家黄士杰:已离开AlphaGo团队AI芯片初创团队ThinkForce完成4.5亿元A轮融资
  14. ChatGPT 侦探推理小说《神秘失踪》
  15. java读取qq邮箱_通过java给qq邮箱发送信息
  16. html写樱花场景的程序,描写樱花的优美语句,樱花飘落的场景描写
  17. Redis分布式锁实现并发秒杀商品设计思路
  18. python图形化界面开发工具,python如何做图形化界面
  19. 关于计算机科学与技术专业的摘要,计算机科学技术专业论文摘要怎么写 计算机科学技术专业论文摘要范文参考...
  20. 父亲节简约实PPT模板——免费下载

热门文章

  1. APP登录注册 步骤三:客户端
  2. python通过键盘方向键移动_平滑地通过键盘移动角色示例.py
  3. 如何修改通达OA的登录首页的LOGO
  4. iOS 官网文档 地图周边关键字搜索
  5. java对接PayPal支付(v2)
  6. TS + React 找不到模块“Utils/util”或其相应的类型声明
  7. utorrent开机自启动
  8. vue3.0 子组件调用父组件中的方法
  9. node.js调用.c文件_在Node.js中分派S3文件
  10. MATLAB数组的左右移动