时间戳

首页 > 解决方案 > 用jquery删除之前的确认

jquery - 用jquery删除之前的确认

问题描述

我可以使用以下代码删除记录。现在我想在删除之前添加构象。我怎样才能做到这一点。我对 jquery 很不满意。预先感谢。

    <script>
    $(function() {
      $(".del").on("click", function() {
        var $ele = $(this).parent().parent();
        $.ajax({
          url: "delete.php",
          method: "POST",
          data: { "member": $(this).data("id") },
          dataType: "html"
        }).done(function(msg) {
          $ele.fadeOut().remove();
        }).fail(function(msg) {
          alert( "Can't delete Member");
        }); 
      });
    });
    </script>

标签： jquery

解决方案

您可以使用确认弹出窗口，并根据响应取消删除。

演示代码： 

$(function() {
  $(".del").on("click", function() {
    //if ok click
    if (confirm("Are you sure ? ")) {
      console.log(" confirm")
      var $ele = $(this).parent().parent();
      //ajax codes..
    } else {
      console.log("not confirm")
    }
  });
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<button class="del" type="button">Click </button>

推荐阅读