javascript - onclick取消按钮仍然调用ajax

Question

按钮 onclick 看起来像这样 onclick="return inform('您确定要删除此项目吗？')"。即使点击取消，帖子仍会被删除。

然后在jquery中。

$(document).ready(function(){
    $('.btn').click(function(event){
    event.preventDefault(); 
        $a = $(this).text().trim();
        if ($a == "Delete") 
        {
            var postid = $(this).next('.postid').val();
            $(this).closest(".todo-content").fadeOut('slow');
            $.ajax({
                type: "POST",
                url: BASE_URL+'classes/deletepost',
                dataType: 'json',
                data: {postid: postid},
                async: false,
                success: function( data ) {
              },
              error: function(xhr, status, error) {
                  // check status && error
            }
      });
        }
    });
});

如果点击确认中的取消，是否可以取消对ajax的调用？

Answer 1

为什么不简单地从两个地方的事件转移到一个地方呢？将确认移出 HTML 并将其放入 JavaScript 中，如下所示:

$(document).ready(function(){
    $('.btn').click(function(event){
       if (!confirm('Are you sure to delete this item?'))
         return;

       event.preventDefault(); 
       /* code to delete here */
    });
});