码迷,mamicode.com
首页 > 其他好文 > 详细

swal() 弹出层的用法

时间:2018-09-30 16:32:41      阅读:21316      评论:0      收藏:0      [点我收藏+]

标签:参考   primary   弹出层   cti   icon   file   NPU   成功   ble   

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

swal() 弹出层的用法

标签:参考   primary   弹出层   cti   icon   file   NPU   成功   ble   

原文地址:https://www.cnblogs.com/lvxisha/p/9729692.html

(12)
(17)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有 京ICP备13008772号-2
迷上了代码!