Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/86.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使用sweetalert加载进度表单提交_Javascript_Html_Sweetalert2 - Fatal编程技术网

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
});
}
});

});