[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]

Przerabiam skrypt którego uzywam do zapisu i do edycji i chce go użyć do kasowania bez przeładowywania z widocznym efektem że tabelka tr o podanym id z bazy znika z fajnym efektem znikającym.

Ale jak tak przerabiam skrypt to nic się nie dzieje w konsoli nie widzie czy pokazuje błąd czy jakiś efekt zwraca.

teraz tak wygląda mój skrypt

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

A tak wygląda moja tabelka

[PHP] pobierz, plaintext 
  <table class="table table-bordered">
                  <thead>
 
                    <tr>
                      <th style="width: 22%"><?php esc_html_e('Czas trwania', 'zmarli');?></th>
                            <th><?php _e('Klucz', 'zmarli');?></th>
                            <th><?php _e('Kwota', 'zmarli');?></th>
                            <th><?php _e('Opcje', 'zmarli');?><div id="img_delete"></div></th>
                    </tr>
                  </thead>
                  <tbody>
                        <?php
        if($uslugi_dopay_lista){
 
    foreach ($uslugi_dopay_lista as $lista_dotpay) { 
 
 
                    echo'<tr class="usun" data-id="usun_'.$lista_dotpay['przelew_id'].'">';
                    echo'<td>';
                    if ($lista_dotpay['przelew_czas'] == 60*60*24*365) {
    echo "Rok"; 
	} elseif ($lista_dotpay['przelew_czas'] == 60*60*24*730) {
	echo "2 Lata"; 
	} elseif ($lista_dotpay['przelew_czas'] == 60*60*24*1095) {
	echo "3 Lata"; 
        } elseif ($lista_dotpay['przelew_czas'] == 60*60*24*1254) {
	echo "3 Lata"; 
	} else {
	echo round($lista_dotpay['przelew_czas'] / 86400, 2) ." (dni)";
	}
                    echo'</td>';
                       echo '<td>'.$lista_dotpay['przelew_klucz'].'</td>';
 
        echo '<td>'.$lista_dotpay['przelew_kwota'].'</td>';
        echo '<td>'; 
        echo "<a class='usun' href='".PLATNOSCI_URL."?page=usluga_dotpay&przelew_id=".$lista_dotpay['przelew_id']."'><img src='".PLATNOSCI_PATH."/assets/images/delete.png' title='Skasuj'></a> |";
	echo " <a href='".PLATNOSCI_URL."?page=edit_dotpay&przelew_id=".$lista_dotpay['przelew_id']."'><img src='".PLATNOSCI_PATH."/assets/images/edit.png' title='Edytuj'></a>";
        echo'</td>';
 
                     echo'</tr>';
                   }
 
         ?>
                   </tbody>
                 </table>
[PHP] pobierz, plaintext 

Gdzie robię problem bo mi nie działa (IMG:style_emoticons/default/sadsmiley02.gif)