Der Datensatz in der Datenbank wird gelöscht, die Schaltfläche „Löschen“ bleibt jedoch auf der Front-End-Schnittstelle bestehen

Question

Wenn Sie auf die Schaltfläche „Löschen“ klicken, wird der Datensatz erfolgreich aus der Datenbank gelöscht. Es wird jedoch nicht sofort auf der Startseite gelöscht. Das Löschergebnis wird erst angezeigt, wenn die Seite neu geladen oder aktualisiert wird.

Meine Meinung:

@foreach (Var-Element im Modell)
{
<a href="#" class="phone_number" onclick="del(this)"
 <i class="fas fa-trash-alt"></i>
</a>
}
<script>
 Funktion del(x) {
            var url = '@Url.Action("deleteRent", "Home")';
            
            var rd = x.dataset.id
            Debugger

            $.ajax({
                URL: URL,
                Typ: 'POST',
                Daten: {
                    ID: rd
                },
                Erfolg: Funktion (Daten) {
                    if (data.length == 0) // Keine Fehler
                        Alert("Löschen erfolgreich!");
                },
                Fehler: function (jqXHR) { // HTTP-Status ist nicht 200
                },
                Complete: function (jqXHR, Status) { // Ob Erfolg oder Fehler es wird hier eingetragen
                }
            });
        };
       </script>

Answer 1

请在alert后面添加window.location.reload()代码....

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

此代码在成功后会自动重新加载您的页面

Answer 2

实际上，你从数据库中删除了数据，但你没有刷新页面。

要么，你使用Dipendrasinh Vaghela的答案并刷新整个页面。

或者，如果你有一个在DOM中搜索和显示的函数，你可以在删除成功时调用它。这将“只”更新显示数据的部分。