使用进程中的甜蜜警报更改JavaScript默认警报
使用进程中的甜蜜警报更改JavaScript默认警报
提问于 2018-01-08 11:37:02
我想问一下，如何在process.php中调用甜蜜警报？
如果是html格式的示例：
<!DOCTYPE html>
<html>
<head>
<title>Sweet Alert</title>
<link rel="stylesheet" type="text/css" href="plugins/sweetalert/sweetalert.css">
<script type="text/javascript" src="plugins/sweetalert/sweetalert.min.js"></script>
</head>
<body>
<button onclick="sweet()">Sweet Alert</button>
<script>
function sweet (){
swal("Good job!");
}
</script>
</body>
</html>
那么，如果放在process.php中呢？
示例有两个字段：
tes.php：
<form method="post" action="proses.php">
<label>NIK</label><br>
<input type="text" name="nik"><br>
<label>Confirm NIK</label><br>
<input type="text" name="confirmnik"><br><br>
<button type="submit" name="submit">Cek</button>
</form>process.php：
<?php
$nik = $_POST['nik'];
$confirmnik = $_POST['confirmnik'];
if ($nik<>$confirmnik)
{
echo "<script language='javascript'>alert('nik and confirm nik do not match !');window.history.back();</script>";
}
else
{
echo "<script language='javascript'>alert('ok');window.history.back();</script>";
}
?>结果：
如何使用process.php文件中的甜蜜警报来更改javascript默认警报？
回答 1
Stack Overflow用户
发布于 2018-01-08 11:48:05
您应该能够用swal无缝地替换alert。
您唯一的问题将是调用window.history.back函数。你需要把它放在一个回调中，因为甜蜜警报不会像alert那样阻塞线程。
您可以使用promises来实现此目的：
所以你的JS代码应该看起来像这样：
swal('nik and confirm nik do not match !').then(() => {window.history.back()});完整的PHP代码将如下所示：
<?php
$nik = $_POST['nik'];
$confirmnik = $_POST['confirmnik'];
if ($nik<>$confirmnik)
{
echo "<script language='javascript'>swal('nik and confirm nik do not match !').then(() => { window.history.back(); });</script>";
}
else
{
echo "<script language='javascript'>swal('ok').then(() => { window.history.back(); });</script>";
}
?>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/48143925
复制相关文章
相似问题
腾讯云开发者
