javascript - 删除确认 HREF Sweet Alert
问题描述
但我似乎无法用该论坛的相同逻辑解决这个问题。
我正在开发一个预订模块,它具有确认或取消预订的功能。这是我的PHP
代码,它告诉您预订是否已确认、取消或尚未确认。Status==0
(Not Confirmed yet) - 默认一个,Status==1
(Confirmed) 和Status==2
(Cancelled)
<?php
session_start();
error_reporting(0);
include('includes/config.php');
if(strlen($_SESSION['alogin'])==0)
{
header('location:index.php');
}
else{
if(isset($_REQUEST['eid']))
{
$eid=intval($_GET['eid']);
$status="2";
$sql = "UPDATE tblbooking SET Status=:status WHERE id=:eid";
$query = $dbh->prepare($sql);
$query -> bindParam(':status',$status, PDO::PARAM_STR);
$query-> bindParam(':eid',$eid, PDO::PARAM_STR);
$query -> execute();
$msg="Booking Successfully Cancelled";
}
if(isset($_REQUEST['aeid']))
{
$aeid=intval($_GET['aeid']);
$status=1;
$sql = "UPDATE tblbooking SET Status=:status WHERE id=:aeid";
$query = $dbh->prepare($sql);
$query -> bindParam(':status',$status, PDO::PARAM_STR);
$query-> bindParam(':aeid',$aeid, PDO::PARAM_STR);
$query -> execute();
$msg="Booking Successfully Confirmed";
}
<?php $sql = "SELECT tblbooking.Status";
$query = $dbh -> prepare($sql);
$query->execute();
$results=$query->fetchAll(PDO::FETCH_OBJ);
$cnt=1;
if($query->rowCount() > 0){
foreach($results as $result){
?>
if($result->Status==0){
echo htmlentities('Not Confirmed yet');
} else if ($result->Status==1) {
echo htmlentities('Confirmed');
}
else{
echo htmlentities('Cancelled');
}
这是原始代码,将通过基本Javascript
警报确认/取消预订
<td><button class="btn btn-sm btn-primary"><a href="manage-bookings.php?aeid=<?php echo htmlentities($result->id);?>" onclick="return confirm('Do you really want to Confirm this booking')"> <i style="color: #fff;" class='fa fa-check'></i></a></button>
<button class="btn btn-sm btn-danger"><a href="manage-bookings.php?eid=<?php echo htmlentities($result->id);?>" onclick="return confirm('Do you really want to Cancel this booking')"> <i style="color: #fff;" class='fa fa-close'></i></a></button></td>
但我想使用 sweetalert 所以我把它修改成了这个(首先用锚测试它)
<a href="manage-bookings.php?aeid=<?php echo htmlentities($result->id);?>" onclick="confirmation(event)">Confirm</a>
这是script
<script>
function confirmation(ev) {
ev.preventDefault();
var urlToRedirect = ev.currentTarget.getAttribute('href'); //use currentTarget because the click may be on the nested i tag and not a tag causing the href to be empty
console.log(urlToRedirect); // verify if this is the right URL
swal({
title: "Are you sure you want to tag this booking as confirmed",
text: "You will not be able to revert this!",
icon: "warning",
buttons: true,
dangerMode: true,
})
.then((willDelete) => {
// redirect with javascript here as per your logic after showing the alert using the urlToRedirect value
if (willDelete) {
swal("Your booking as been confirmed!", {
icon: "success",
});
} else {
swal("You booking hasn't been confirmed.");
}
});
}
</script>
问题是,警报有效。它创建一个弹出确认,但它根本不确认/取消预订,尽管
href
链接与原始链接说同样的话,但原始重新加载页面并且标记工作。
解决方案
在我看来,您实际上从未将任何数据发送回服务器。
内置的 javascript 确认对话框会中断您的超链接,然后在您点击 OK 后允许它恢复。
Sweetalerts 似乎不这样做。因此,您永远不会重定向到您需要访问的页面。您可以使用 javascript 重定向到正确的 URL,或者,您可以为您尝试执行的操作编写服务器端 API,并在“willDelete”案例中从 AJAX 调用该 API。
这是前一个选项:
<script>
function confirmation(ev) {
ev.preventDefault();
var urlToRedirect = ev.currentTarget.getAttribute('href'); //use currentTarget because the click may be on the nested i tag and not a tag causing the href to be empty
console.log(urlToRedirect); // verify if this is the right URL
swal({
title: "Are you sure you want to tag this booking as confirmed",
text: "You will not be able to revert this!",
icon: "warning",
buttons: true,
dangerMode: true,
})
.then((willDelete) => {
if (willDelete) {
// redirect with javascript here as per your logic after showing the alert using the urlToRedirect value
window.location.href = urlToRedirect;
} else {
swal("You booking hasn't been confirmed.");
}
});
}
</script>
推荐阅读
- makefile - GNU Make 分组目标不分组
- c# - 在 foreach 循环中排序
- office365 - Microsoft graph api 作为用户检索房间邮箱
- r - 使用 Rstudio 将包放入 R 环境
- square-connect - Square Variation 库存状态显示无,即使有有效的库存数量
- kotlin - kotlin 中的延迟和 Thread.sleep 有什么区别
- apache-nifi - Nifi Marklogic 用户不允许在 internal/forestinfo 读取资源
- python - 在 ForLoop 中跳过迭代以降低时间复杂度
- powershell - 如何在 PowerShell 中提取创建日期和修改日期
- libgdx - Libgdx- 重置 Vector3 以在不同情况下多次使用它