jquery 删除按钮从数据库中删除记录,但不从前端删除

1hdlvixo  于 2022-11-22  发布在  jQuery
关注(0)|答案(2)|浏览(197)

当按下删除按钮时,它成功地从数据库中删除了记录。但不是从前端删除,它在重新加载或刷新页面后给出结果。
我的看法:

@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("Delete success!");
                },
                error: function (jqXHR) { // Http Status is not 200
                },
                complete: function (jqXHR, status) { // Whether success or error it enters here
                }
            });
        };
       </script>
nbnkbykc

nbnkbykc1#

实际上,您从数据库中删除,但不刷新页面。
要么,你使用Dipendrasinh Vaghela的答案,你刷新整个页面.
或者如果你有一个在DOM中搜索和显示的函数,你可以在删除成功时调用它,这样只会更新显示数据的部分。

f0brbegy

f0brbegy2#

请在警告后添加window.location.reload()代码....

success: function (data) {
                if (data.length == 0) // No errors
                    alert("Delete success!");
                    **window.location.reload();**
            },

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

相关问题