Javascript 使用sweetalert加载进度表单提交
我想在提交表单时渲染等待时间动画,但我更喜欢使用Javascript 使用sweetalert加载进度表单提交,javascript,html,sweetalert2,Javascript,Html,Sweetalert2,我想在提交表单时渲染等待时间动画,但我更喜欢使用SweetAlert而不是标准加载图像 这是基本代码: $(“表格”)。提交(功能(e){ e、 preventDefault();//停止默认操作 $(“#加载程序”).show();//显示加载屏幕 $.ajax({ url:test.php, 类型:“职位” 成功:函数(返回HTML){ $(“#加载程序”).hide();//在成功回调中隐藏加载屏幕 } }); });你就快到了!只需将#loader代码替换为sweet警报代码即可 $
SweetAlert
而不是标准加载图像
这是基本代码:
$(“表格”)。提交(功能(e){
e、 preventDefault();//停止默认操作
$(“#加载程序”).show();//显示加载屏幕
$.ajax({
url:test.php,
类型:“职位”
成功:函数(返回HTML){
$(“#加载程序”).hide();//在成功回调中隐藏加载屏幕
}
});
});代码>你就快到了!只需将#loader
代码替换为sweet警报代码即可
$(“表格”)。提交(功能(e){
e、 preventDefault();//停止默认操作
//$(“#加载程序”).show();//显示加载屏幕
窗纱({
标题:“检查…”,
文字:“请稍候”,
imageUrl:“images/ajaxloader.gif”,
showconfixton:false,
allowOutsideClick:false
});
$.ajax({
url:test.php,
类型:“职位”
成功:函数(返回HTML){
//$(“#加载程序”).hide();//在成功回调中隐藏加载屏幕
窗纱({
标题:“完成!”,
showconfixton:false,
计时器:1000
});
}
});
});我不清楚你的问题是什么。请你提出一个更具体的问题,而不是“有人为此提供提示”@PhilipRaath我的问题是使用sweetalert而不是加载程序gif。看一看并运行第二个代码段谢谢,工作起来很有魅力。:)