我能够在页面刷新后显示甜蜜警报,但我必须单击“确定”按钮,我收到甜蜜警报才能重定向页面。请帮助我。
<?php
echo '<script type="text/javascript">';
echo 'setTimeout(function () { swal("WOW!","Message!","success");';
echo '}, 1000);'
echo 'window.location.href = "index.php";';
echo '</script>';
?>
只需使用 JavaScript Promise。将
then
方法放在 swal
函数之后。我们不需要需要使用计时器功能。
例如:
swal({
title: "Wow!",
text: "Message!",
type: "success"
}).then(function() {
window.location = "redirectURL";
});
promise方法
.then
用于等待用户读取模态窗口的信息,然后通过单击按钮来决定做出哪个决定。例如,Yes
或 No
。
单击后,Sweet Alert 可以将用户重定向到另一个屏幕,调用另一个包含新问题和后续问题的 Sweet Alert 模式窗口,转到外部链接等。
再次强调,我们不必使用计时器,因为它可以更好地控制用户操作。用户可以等待永恒,也可以像灭霸或钢铁侠打响指一样采取行动。 😜
使用 Promise,代码变得更短、干净、优雅。 😉
要指定回调函数,您必须使用对象作为第一个参数,回调函数作为第二个参数。
echo '<script>
setTimeout(function() {
swal({
title: "Wow!",
text: "Message!",
type: "success"
}, function() {
window.location = "redirectURL";
});
}, 1000);
</script>';
您可以使用
timer
内置函数,即:
swal({
title: "Success!",
text: "Redirecting in 2 seconds.",
type: "success",
timer: 2000,
showConfirmButton: false
}, function(){
window.location.href = "//this-person-does-not-exist.com";
});
<script src="https://code.jquery.com/jquery-2.1.3.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/sweetalert/1.1.3/sweetalert-dev.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/sweetalert/1.1.3/sweetalert.css">
最佳且简单的解决方案,我们还可以添加更多事件!
swal({ title: "WOW!",
text: "Message!",
type: "success"}).then(okay => {
if (okay) {
window.location.href = "URL";
}
});
我无法使用任何 swal(sweatAlert) 默认回调函数来做到这一点,所以我强制使用 jquery,让 Ok 按钮类检查 chrome 中的元素,并做了如下的操作:
<script>
sweetAlert({
title:'Warning!',
text: 'Invalid user or password!',
type:'warning'
},function(isConfirm){
alert('ok');
});
$('.swal2-confirm').click(function(){
window.location.href = 'index.php';
});
</script>
函数(isConfirm)中的“Ok”警报只是一个测试,看看它是否会进入这个函数,如果是这样,我应该能够从那里重定向,但我没有......
所以我使用 jQuery 来确定 swal 的按钮“OK”是否被点击,通过获取它的类:“.swal2-confirm”然后我可以成功重定向......
希望对大家有帮助!
PS:我使用 php echo 来运行脚本,我不必离开 php 来运行它,只需使用单引号即可完成!
如果有人需要帮助,此代码有效!
swal({
title: 'Request Delivered',
text: 'You can continue with your search.',
type: 'success'
}).then(function() {
window.location.href = "index2.php";
})
Swal.fire({
title: result.value.title,
icon: result.value.icon,
text: result.value.message,
}).then(function() {
window.location.href = "url";
})
以上解决方案都不适合我,我不得不使用.then
swal({
title: 'Success!',
text: message,
type: 'success',
confirmButtonText: 'OK'
}).then(() => {
console.log('triggered redirect here');
});
我认为这会有所帮助。与 Barmer 先生给出的相同。但我已将其包含在 php 标签中。
就这样......
<?php if(!empty($_GET['submitted'])):?>
<script>
setTimeout(function() {
swal({
title: "Congratulaions!",
text: "Signed up successfully, now verify your mail",
type: "success",
confirmButtonText: "Ok"
}, function() {
window.location = "index.php";
}, 1000);
});
</script>
<?php endif;?>
function confirmDetete(ctl, event) {
debugger;
event.preventDefault();
var defaultAction = $(ctl).prop("href");
swal({
title: "Are you sure?",
text: "You will be able to add it back again!",
type: "warning",
showCancelButton: true,
confirmButtonColor: "#DD6B55",
confirmButtonText: "Yes, delete it!",
cancelButtonText: "Cancel",
closeOnConfirm: false,
closeOnCancel: false
},
function (isConfirm) {
if (isConfirm) {
$.get(ctl);
swal({
title: "success",
text: "Deleted",
confirmButtonText: "ok",
allowOutsideClick: "true"
}, function () { window.location.href = ctl })
// $("#signupform").submit();
} else {
swal("Cancelled", "Is safe :)", "success");
}
});
}
现有的答案对我不起作用,我只是使用了
$('.confirm').hide()
。这对我有用。
success: function(res) {
$('.confirm').hide()
swal("Deleted!", "Successfully deleted", "success")
setTimeout(function(){
window.location = res.redirect_url;
},700);
我使用这段代码做到了:
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.0/jquery.js"></script>
<script>
$(".confirm").on('click',function(){
window.location.href = "index.php";
});
</script>
谢谢。
setTimeout(function(){
Swal.fire({
title: '<span style="color:#fff">Kindly click the link below</span>',
width: 600,
showConfirmButton: true,
confirmButtonColor: '#ec008c',
confirmButtonText:'<span onclick="my2()">Register</span>',
padding: '3em',
timer: 10000,
background: '#fff url(bg.jpg)',
backdrop: `
rgba(0,0,123,0.4)
center left
no-repeat
`
})
}, 1500);
}
function my2() {
window.location.href = "https://www.url.com/";
}
为我工作!!
<head>
<script src="//cdn.jsdelivr.net/npm/sweetalert2@11"></script>
</head>
<?php
echo "<script>
Swal.fire({
title: 'Do you want to save the changes?',
showCancelButton: true,
confirmButtonText: `Save`,
denyButtonText: `Don't save`,
}).then((result) => {
if (result.isConfirmed) {
window.location = 'www.google.com';
} else if (result.isDenied) {
Swal.fire('Changes are not saved', '', 'info')
}
})
</script>";
?>
您可以使用SweetAlert2中的回调函数,它对我有用。
swal({
title: "Success!",
text: "Example success message",
type: "success"
}, function() {
window.location.href = 'https://some-url';
});
$('.delete-record').on('click', function (e) {
e.preventDefault();
window.url = $(this).attr('href');
swal({
title: 'Are you sure?',
text: "You won't be able to revert this!",
type: 'warning',
showCancelButton: true,
confirmButtonText: 'Confirm',
padding: '2em'
}).then(function (result) {
if (result.value) {
console.log(window.url);
window.location.href = window.url;
}
});
});
swal("Payment send successfully", "Thanks for using Npay!", "success")
.then(function() {
router.push("/")
});
Swal.fire({
icon: 'success',
title: 'Sukses',
text: 'Password berhasil diset!',
timer: 5000,
showConfirmButton: true,
}).then((result) => {
if (result.isConfirmed) {
window.location.href = '/login';
}
});
setTimeout(() => {
window.location.href = '/login';
}, 5000);
这是React.js Vue.js的版本,5秒后它会自动转到你要去的页面