如何通过JQuery、Ajax、JSON和ObjectResult在MVC中递增EF数据库int属性

我来帮你优化这个下载统计的实现，用Ajax的方式确实能避免不必要的页面跳转，提升效率和用户体验。下面是具体的实现步骤：

第一步：修改控制器方法（返回ObjectResult） #

我们需要把原来的重定向逻辑改成返回JSON结果，这样前端可以通过Ajax完成统计操作的同时获取下载链接：

[HttpPost] // 用POST更安全，因为涉及数据修改操作
public async Task<IActionResult> RecordDownload(int downloadID)
{
    try
    {
        // 异步查找对应的下载记录，避免阻塞服务器线程
        var download = await _context.Downloads.SingleOrDefaultAsync(i => i.DownloadId == downloadID);
        
        if (download == null)
        {
            // 返回记录不存在的错误信息
            return new ObjectResult(new { success = false, message = "下载记录不存在" });
        }

        // 递增下载次数（注意和你的模型属性名保持一致，这里用你提到的TimesDownloaded）
        download.TimesDownloaded++;
        _context.Entry(download).State = EntityState.Modified;
        
        // 异步保存更改，提升服务器并发处理能力
        await _context.SaveChangesAsync();

        // 返回成功状态和下载链接，供前端跳转使用
        return new ObjectResult(new { success = true, downloadUrl = download.Link });
    }
    catch (Exception ex)
    {
        // 捕获异常并返回友好的错误提示
        return new ObjectResult(new { success = false, message = $"统计失败：{ex.Message}" });
    }
}

控制器代码说明： #

• 使用async/await异步操作，避免长时间占用服务器线程；
• 用SingleOrDefaultAsync替代Single，防止找不到记录时抛出未处理异常；
• 返回ObjectResult会自动序列化为JSON格式，方便前端直接解析；
• 标记[HttpPost]确保只有POST请求能触发该方法，避免GET请求的缓存或误触发问题。

第二步：修改视图（用jQuery绑定Ajax事件） #

把原来的Html.ActionLink换成自定义链接，通过jQuery监听点击事件，发起Ajax请求完成统计：

<!-- 替换原来的Html.ActionLink -->
<a href="#" class="download-link" data-download-id="@item.DownloadId">Downloaden</a>

<!-- 在页面底部引入jQuery后添加这段脚本 -->
<script>
$(document).ready(function() {
    $('.download-link').on('click', function(e) {
        // 阻止默认的跳转行为，先完成统计操作
        e.preventDefault();
        var $link = $(this);
        var downloadId = $link.data('download-id');

        // 防止重复点击，暂时禁用链接并修改提示文本
        $link.prop('disabled', true).text('处理中...');

        // 发起Ajax请求到控制器的统计方法
        $.ajax({
            url: '@Url.Action("RecordDownload", "Downloads")',
            type: 'POST',
            data: { downloadID: downloadId },
            dataType: 'json',
            success: function(response) {
                if (response.success) {
                    // 统计成功，直接跳转到下载链接
                    window.location.href = response.downloadUrl;
                } else {
                    // 统计失败，提示用户并恢复链接状态
                    alert(response.message || '下载统计失败，请稍后重试');
                    $link.prop('disabled', false).text('Downloaden');
                }
            },
            error: function() {
                // 处理网络或服务器错误情况
                alert('网络错误，请稍后重试');
                $link.prop('disabled', false).text('Downloaden');
            }
        });
    });
});
</script>

视图代码说明： #

• 用data-download-id属性存储下载ID，避免在URL中暴露敏感信息；
• 点击时先阻止默认跳转，完成统计后再跳转到下载链接，减少一次服务器重定向；
• 请求期间禁用链接，防止用户重复提交造成重复统计；
• 根据返回的JSON结果处理成功/失败逻辑，保证用户体验的连贯性。

注意事项 #

• 确保你的Downloads模型属性名是TimesDownloaded，和控制器中的代码保持一致（原来的代码里写的AantalKerenGedownload需要统一）；
• 确保项目中已引入jQuery库，比如通过<script src="~/lib/jquery/jquery.min.js"></script>（路径根据你的项目结构调整）；
• 可以替换alert为更友好的提示组件（比如Toast弹窗），进一步提升用户体验；
• 若需要防止同一用户短时间内重复统计，可以结合Session或Cookie添加额外的校验逻辑。

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