成功删除记录后,不会出现php-Javascript删除动画
发布时间:2022-04-11 23:42:39 255
相关标签: # 前端# 后端
成功从表中删除一条记录后,我希望该行变为红色,然后淡出,不再显示在用户视图中。目前我没有遇到任何问题,只有在刷新浏览器时才会删除唯一的操作(删除受影响的表行)。
PHP(文件名deletation.PHP)
if(isset($_POST['ID'])){
$ID = $_POST['ID'];
if ($conn->query("DELETE FROM user WHERE `ID` = '$ID'") === TRUE){
$response = array(
'status' => true,
'message' => "Your listing was deleted successfully"
);
}else{
$response = array(
'status' => false,
'message' => $conn->errno
);
}
echo json_encode($response);
}
Javascript
$(document).ready(function () {
// catch click
$('.mlButton').click(function () {
var el = this;
var confirmAlert = confirm("Are you sure? This action can not be undone.");
if (confirmAlert == true) {
// AJAX Request
$.ajax({
url: 'deletion.php',
type: 'POST',
data: {
ID: $(this).val()
},
success: function (response) {
console.log(response);
if (response.status) {
toastr.success(response.message);
el.closest('tr').css('background', 'tomato');
el.closest('tr').fadeOut(800, function () {
$(this).remove();
});
} else {
toastr.error(response.message);
}
}
});
}
});
});
在console and network response(控制台和网络响应)选项卡中,我获得了正确的状态和消息响应status = true
和message = Your listing was deleted successfully
特别声明:以上内容(图片及文字)均为互联网收集或者用户上传发布,本站仅提供信息存储服务!如有侵权或有涉及法律问题请联系我们。
举报