L'enregistrement dans la base de données est supprimé, mais le bouton Supprimer reste sur l'interface frontale

Question

Lorsque vous cliquez sur le bouton Supprimer, l'enregistrement est supprimé de la base de données. Cependant, il n'est pas supprimé immédiatement sur la page frontale. Le résultat de la suppression ne sera affiché que lorsque la page sera rechargée ou actualisée.

Mon point de vue :

@foreach (élément var dans le modèle)
{
<a href="#" class="numéro_téléphone" onclick="del(this)" data-id="@item.id">
 <i class="fas fa-trash-alt"></i>
≪/a>
}
<script>
 fonction del(x) {
            var url = '@Url.Action("deleteRent", "Accueil")';
            
            var rd = x.dataset.id
            débogueur

            $.ajax({
                URL : URL,
                tapez : 'POST',
                données: {
                    ID : rd
                },
                succès : fonction (données) {
                    if (data.length == 0) // Aucune erreur
                        alert("Suppression réussie !");
                },
                erreur : fonction (jqXHR) { // Le statut HTTP n'est pas 200
                },
                complete: function (jqXHR, status) { // Que ce soit un succès ou une erreur, il entre ici
                }
            });
        } ;
       </script>

Answer 1

Veuillez ajouter le code window.location.reload() après l'alerte....

success: function (data) {
                if (data.length == 0) // 没有错误
                    alert("删除成功！");
                    **window.location.reload();**
            },

Ce code rechargera automatiquement votre page en cas de succès

Answer 2

En fait, vous avez supprimé les données de la base de données, mais vous n'avez pas actualisé la page.

Vous pouvez également utiliser la réponse de Dipendrasinh Vaghela et actualiser la page entière.

Alternativement, si vous disposez d'une fonction qui recherche et affiche dans le DOM, vous pouvez l'appeler lorsque la suppression est réussie. Cela mettra "uniquement" à jour la partie affichant les données.