ajax callback to delete with sweet alert confirmation to make it cool! 😎

ajax callback to delete with sweet alert confirmation to make it cool! 😎 Demo

View Demo Full Screen View Demo New Tab

ajax callback to delete with sweet alert confirmation to make it cool! 😎 Code

HTML

<div class='card mb-3' id='go-red'>
  <div class='card-header'>this will emulate the deleted item</div>
  <div class='card-body'>Delete me!</div>
</div>
<button class='btn btn-danger' onclick="delete_item('https://kruxor.com/view/code/ePwC3/','#go-red');">Delete Me!</button>

Javascript

function delete_item(url,id) {
			Swal.fire({
			  title: 'Do you want to delete this item?',
			  showDenyButton: true,
			  showCancelButton: true,
			  confirmButtonText: 'Delete',
			  denyButtonText: 'Dont Delete',
			}).then((result) => {
			  /* Read more about isConfirmed, isDenied below */
			  if (result.isConfirmed) {
					$.ajax({
					  url: url,
					  context: document.body
					}).done(function() {
					  $( id ).addClass( 'alert-danger' );
						Swal.fire('Deleted!', '', 'success')
					});
			  } else if (result.isDenied) {
			    Swal.fire('Not Deleted', '', 'info')
			  }
			});

		}