資料庫中的記錄被刪除，但前端介面上仍保留刪除按鈕

Question

當點擊刪除按鈕時，它成功地從資料庫中刪除記錄。但是在前端頁面上並沒有立即刪除，需要重新載入或重新整理頁面後才會顯示刪除結果。

我的視圖：

@foreach (var item in Model)
{
<a href="#" class="phone_number" onclick="del(this)" data-id="@item.id">
 <i class="fas fa-trash-alt"></i>
</a>
}
<script>
 function del(x) {
            var url = '@Url.Action("deleteRent", "Home")';
            
            var rd = x.dataset.id
            debugger

            $.ajax({
                url: url,
                type: 'POST',
                data: {
                    id: rd
                },
                success: function (data) {
                    if (data.length == 0) // No errors
                        alert("刪除成功！");
                },
                error: function (jqXHR) { // Http Status is not 200
                },
                complete: function (jqXHR, status) { // Whether success or error it enters here
                }
            });
        };
       </script>

Answer 1

請在alert後面加入window.location.reload()程式碼....

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

此程式碼在成功後會自動重新載入您的頁面

Answer 2

實際上，你從資料庫中刪除了數據，但你沒有刷新頁面。

要么，你使用Dipendrasinh Vaghela的答案並刷新整個頁面。

或者，如果你有一個在DOM中搜尋和顯示的函數，你可以在刪除成功時呼叫它。這將“只”更新顯示資料的部分。