swal() 弹出层的用法

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 = '
'; 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() 弹出层的用法)