[AJAX]Usuwanie z bazy danych z widocznym efektem Opcje

[pawel06281990]

Witam,

Mam problem z efektem wizualnym usuwania z bazy danych juz tłumacze o co chodzi dokładnie aby każdy zrozumiał i udzielił mi pomocy.

Mam skrypt ajax on działa usuwa mi z bazy danych dany rekord ale chce zrobić zeby automatycznie znikał mi element który zostaje usunięty.

Tak wygląda mój skrypt ajax

[XML] pobierz, plaintext 
jQuery(document).ready(function($){
$("#delete").click(function(e) {
e.preventDefault();
 
 
var Id= $(".Id").val();
// Returns successful data submission message when the entered information is stored in database.
var data = 'Id='+ Id;
 
 
		$("#img_delete").show();
$("#img_delete").fadeIn(400).html('<img  src="../assets/images/ajax-loading.gif" />');
$.ajax({
type: "POST",
url: link.ajax_url +"?action=delete_zmarli",
data: data,
error: function(xhr, ajaxOptions, thrownError)
{
 jQuery("#response_message").html('<div id="close-message"><div class="notice notice-error">Przepraszamy nie można było usunąć wpisu z bazy, sprawdź dane i spróbuj ponownie.</div></div>');
$("#img_delete").hide();
console.log(data);
},
success: function(data){
jQuery("#response_message").html('<div id="close-message"><div class="notice notice-success">element usunięty poprawnie</div></div>');                               
    $("#img_delete").hide();
 
  }
});
 
	return false;
});
});
[XML] pobierz, plaintext 

Wszystkie wyniki mam wyświetlane w tabelce.

I jak mówiłem nie mogę osiągnąć efektu że dany element znika.

Jak to zrobić (IMG:style_emoticons/default/questionmark.gif)

Ten post edytował pawel06281990 12.09.2020, 21:24:05

[pawel06281990]

Nie stety nic nie pokazuje bo jak kliknę w ikonkę kasuj to mi dodaje w pasku wyszukiwarki adres oraz &przelew_id=1

zrobiłem tak jak napisałem czyli tak wygląda skrypt po zmianach

[JAVASCRIPT] pobierz, plaintext 
jQuery(document).ready(function($){
$('.table table-bordered').on('click','tbody > .usun',function(){
 
let przelew_id= document.getElementById('usun_'+przelew_id);
$("#img_delete").show();
$("#img_delete").fadeIn(400).html('<img  src="../wp-content/plugins/wp-zmarli/modul/platnosci/assets/images/loading.gif" />');
 
$.ajax({
type: "GET",
url: wp_zmarli_link.ajax_url +"?action=delete",
data : "przelew_id=" + parseInt($(this).attr('przelew_id')),
 
beforeSend: function() {
        parent.animate({'backgroundColor':'#fb6c6c'},300);
      },
error: function(xhr, ajaxOptions, thrownError)
{
  toastr.warning('Przepraszamy wystąpił błąd sprawdz dane i spróbój ponownie')
$("#img_delete").hide();
consol.log('XHR: '+xhr);
consol.log('ajaxOptions: '+ajaxOptions);
consol.log('thrownError:'+thrownError);
},
success: function(data){
    toastr.success('Usługa została zaktualizowana')                               
	$("#img_delete").hide();
        parent.slideUp(300,function() {
         $(this).closest('tr').remove();
        });
        console.log(data);
  }
});
 
	return false;
});
 
});
[JAVASCRIPT] pobierz, plaintext 

nawet dodałem let ale nic to nie zmieniło