在Edit视图中删除文件后页面不刷新问题求助

看你的描述，删除功能能正常执行但页面没刷新，这是因为AJAX是异步请求——它只会在后台完成删除操作，但前端页面的DOM还停留在原来的状态，不会自动更新。下面给你两种解决方案，按需选择：

方案1：删除成功后刷新整个页面（简单直接） #

这种方法最容易实现，只需要在AJAX请求的success回调里调用页面刷新方法就行。先补全你没写完的AJAX代码，加上成功回调逻辑：

@section Scripts { 
    <script> 
        $('.deleteItem').click(function (e) { 
            e.preventDefault(); 
            var $deleteBtn = $(this); 
            if (confirm('Do you really want to delete this file?')) { 
                $.ajax({ 
                    url: '@Url.Action("DeleteFile")', 
                    type: 'POST', 
                    data: { id: $deleteBtn.data('id') }, // 确保按钮上有正确的data-id属性
                    success: function(response) {
                        // 只有删除成功才刷新页面（依赖控制器返回的成功状态）
                        if (response.success) {
                            location.reload(); // 刷新当前页面
                        } else {
                            alert('删除失败：' + response.message);
                        }
                    },
                    error: function() {
                        alert('请求出错，请稍后重试');
                    }
                }); 
            } 
        }); 
    </script> 
}

同时，你的DeleteFile控制器方法需要返回带状态的JSON响应，让前端能判断删除是否成功：

[HttpPost]
public ActionResult DeleteFile(int id)
{
    try
    {
        var targetFile = _context.FileDetails.FirstOrDefault(f => f.Id == id);
        if (targetFile == null)
        {
            return Json(new { success = false, message = "未找到要删除的文件" });
        }

        _context.FileDetails.Remove(targetFile);
        _context.SaveChanges();

        return Json(new { success = true });
    }
    catch (Exception ex)
    {
        // 可添加日志记录逻辑
        return Json(new { success = false, message = $"删除失败：{ex.Message}" });
    }
}

方案2：仅移除页面上对应的文件条目（更优雅，无刷新） #

如果不想刷新整个页面，可以直接在DOM中删除被删文件对应的条目元素，用户体验更流畅。前提是你清楚删除按钮所在的文件容器结构（比如表格行<tr>、包裹文件的<div>）：

修改AJAX的success部分即可：

success: function(response) {
    if (response.success) {
        // 假设删除按钮在class为"file-item"的容器内，自行根据实际HTML调整选择器
        $deleteBtn.closest('.file-item').remove();
        alert('文件删除成功');
    } else {
        alert('删除失败：' + response.message);
    }
}

这种方式不需要刷新页面，体验更顺滑，但要确保closest()里的选择器能精准定位到要删除的条目。

额外注意点 #

• 确保每个删除按钮都正确绑定了data-id属性，比如视图中生成按钮时：

  <button class="deleteItem btn btn-danger" data-id="@file.Id">删除</button>
  

• 如果是ASP.NET Core项目，记得给控制器方法加上[ValidateAntiForgeryToken]，并在AJAX请求中带上防伪造令牌（通过@Html.AntiForgeryToken()生成，添加到AJAX的headers里），避免CSRF攻击。

内容的提问来源于stack exchange，提问作者Deeadline