swal() 弹出层的用法
时间:2018-09-30 16:32:41
收藏:0
阅读:35673
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
评论(0)