L'enregistrement dans la base de données est supprimé, mais le bouton Supprimer reste sur l'interface frontale
P粉118698740
2023-08-29 17:04:46
<p>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. </p>
<p>Mon point de vue :</p>
<pre class="brush:php;toolbar:false;">@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></pre></p>
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
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
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.