データベース内のレコードは削除されますが、フロントエンド インターフェイスには削除ボタンが残ります。

Question

削除ボタンをクリックすると、データベースからレコードが正常に削除されます。ただし、フロントエンド ページではすぐには削除されず、ページを再読み込みまたは更新するまで削除結果は表示されません。

私の見解:

@foreach (モデル内の var 項目)
{
<a href="#" class="phone_number" onclick="del(this)" data-id="@item.id">
 <i class="fas fa-trash-alt"</i>
</a>
}
<スクリプト>
 関数 del(x) {
            var url = '@Url.Action("deleteRent", "Home")';
            
            var rd = x.dataset.id
            デバッガ

            $.ajax({
                URL: URL、
                タイプ: 'POST'、
                データ： {
                    ID:rd
                }、
                成功: 関数 (データ) {
                    if (data.length == 0) // エラーなし
                        alert("削除に成功しました!");
                }、
                error: function (jqXHR) { // HTTP ステータスが 200 ではありません
                }、
                complete: function (jqXHR, status) { // 成功かエラーかをここに入力します
                }
            });
        };
       </script>

Answer 1

アラートの後に window.location.reload() コードを追加してください....

リーリー

このコードは、成功するとページを自動的にリロードします

Answer 2

実際には、データベースからデータを削除しましたが、ページを更新しませんでした。

あるいは、Dipendrasinh Vaghela の回答を使用して、ページ全体を更新します。

また、DOM 内を検索して表示する関数がある場合は、削除が成功したときにその関数を呼び出すこともできます。これにより、データを表示する部分のみが更新されます。