[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

[Codeleft]

1.
var parent = $(this).parent(); < to jst zbędne

Zamiast

[HTML] pobierz, plaintext 
parent.remove();
[HTML] pobierz, plaintext 

wklej

[HTML] pobierz, plaintext 
$(this).closest('tr').remove();
[HTML] pobierz, plaintext 

2.
Tworzysz zły chwyt elementu dodatkowo jeśli elementy tworzone są asynchronicznie to koniecznie poczytaj o delegowaniu.
Proponuje zawsze delegować do rodzina elementu bądź jego głównego kontenera jeśli coś usuwasz bądź tworzysz z Ajaxem.

$('.table table-bordered').on('click','tbody > .usun',function(){
////KOD

});

3.

[PHP] pobierz, plaintext 
error: function(xhr, ajaxOptions, thrownError)
{
  toastr.warning('Przepraszamy wystąpił błąd sprawdz dane i spróbój ponownie')
$("#img_edit_uslugi").hide();
},
[PHP] pobierz, plaintext 

dodaj

[HTML] pobierz, plaintext 
consol.log('XHR: '+xhr);
consol.log('ajaxOptions: '+ajaxOptions);
consol.log('thrownError:'+thrownError);
[HTML] pobierz, plaintext 

i zobacz jakie błędy w konsoli się pojawiają.

bądź:

[HTML] pobierz, plaintext 
console.log(data);
[HTML] pobierz, plaintext 

co tutaj konsola powiada?

4.
Czas zastąpić var -> let/const (IMG:style_emoticons/default/smile.gif)

Ten post edytował Codeleft 24.03.2021, 19:42:24