Chặn cuộc gọi jQuery.ajax() với xác nhận()

Question

Tôi có cuộc gọi ajax được liên kết đến một liên kết qua jQuery và tôi muốn nó chặn bằng một hộp thoại xác nhận. Tuy nhiên, các cuộc gọi ajax cháy bất kể tùy chọn nào được chọn (ngay cả khi người dùng chỉ đóng hộp thoại).

Có cách nào để xác nhận hoạt động giống như trong ngữ cảnh đồng bộ không?

HTML:

<a href="#" class="removeItem delete">remove</a> 

jQuery:

$('.delete').click(function() { 
    confirm('Are you sure you want to delete this?'); 
}); 


$('.removeItem').click(function (event) { 
    event.preventDefault(); 

    $.ajax({ 
     url: 'myUrl', 
     type: "POST", 
     data: { 
      // data stuff here 
     }, 
     success: function() { 
      // does some stuff here... 
     } 
    }); 
}); 

Answer 1

$('.removeItem').click(function (event) { 
    if (confirm('Are you sure you want to delete this?')) { 
     $.ajax({ 
      url: 'myUrl', 
      type: "POST", 
      data: { 
       // data stuff here 
      }, 
      success: function() { 
       // does some stuff here... 
      } 
     }); 
    } 
});