swal弹窗_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