返回

成功删除记录后,不会出现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 = truemessage = Your listing was deleted successfully

特别声明:以上内容(图片及文字)均为互联网收集或者用户上传发布,本站仅提供信息存储服务!如有侵权或有涉及法律问题请联系我们。
举报
评论区(0)
按点赞数排序
用户头像