生成Excel文件后ActionResult无法触发浏览器下载的问题求助

我正在生成Excel文件并保存到服务器磁盘，需将该文件安全交付给用户。下方代码在浏览器端返回状态码200，但无法触发文件下载，请问该如何解决？

后端代码（ASP.NET MVC） #

public ActionResult GenerateReport(int customer_id)
{
    // 文件生成逻辑

    string fileName = "newReport.xlsx";
    string filePath = ConfigurationManager.AppSettings["serverSetting"].ToString() + "\\Content\\reports\\temp\\" + fileName;
    excel.SaveAs(new FileInfo(filePath));
    string contentType = "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet";
    return File(filePath, contentType, fileName);
}

前端代码（jQuery） #

$('#btnGenerateReport').on('click', function () {

    $.ajax({
        url: '/GeneralReport/GenerateReport',
        type: "POST",
        contentType: "application/json",
        data: JSON.stringify({
            customer_id: customer_id
        }),
        success: function () {
            $.Notification.autoHideNotify('success', 'top right', 'Success', 'Success');
        },
        error: function () {
            $.Notification.autoHideNotify('error', 'top right', 'Error', 'Error');
        }
    });
});

核心问题：Ajax请求的响应会被JavaScript直接接收，浏览器不会自动识别并触发文件下载行为，需要通过其他方式让浏览器处理文件响应。

方法一：用表单提交替代Ajax #

直接创建隐藏表单发送POST请求，浏览器会自动处理返回的文件下载：

$('#btnGenerateReport').on('click', function () {
    // 创建隐藏表单
    var form = $('<form>', {
        'method': 'POST',
        'action': '/GeneralReport/GenerateReport'
    });
    // 添加请求参数
    form.append($('<input>', {
        'type': 'hidden',
        'name': 'customer_id',
        'value': customer_id
    }));
    // 提交表单
    form.appendTo('body').submit();
    // 提交后移除表单
    form.remove();
});

后端代码无需修改，表单提交的参数会被MVC模型绑定正常接收。

方法二：Ajax成功后处理Blob数据 #

如果必须保留Ajax（比如需要前置校验逻辑），可以让前端将返回的二进制数据转为Blob，再触发下载：

$('#btnGenerateReport').on('click', function () {
    $.ajax({
        url: '/GeneralReport/GenerateReport',
        type: "POST",
        contentType: "application/json",
        data: JSON.stringify({
            customer_id: customer_id
        }),
        // 关键：指定响应类型为blob
        xhrFields: {
            responseType: 'blob'
        },
        success: function (blob) {
            // 创建临时下载链接
            var downloadUrl = window.URL.createObjectURL(blob);
            var aTag = $('<a>', {
                'href': downloadUrl,
                'download': 'newReport.xlsx',
                'style': 'display:none'
            }).appendTo('body');
            // 触发点击下载
            aTag[0].click();
            // 释放临时URL资源
            window.URL.revokeObjectURL(downloadUrl);
            aTag.remove();
            $.Notification.autoHideNotify('success', 'top right', 'Success', 'Success');
        },
        error: function () {
            $.Notification.autoHideNotify('error', 'top right', 'Error', 'Error');
        }
    });
});

方法三：window.open跳转（仅适用于GET请求） #

如果接口可改为GET请求，也可以直接通过页面跳转触发下载：

$('#btnGenerateReport').on('click', function () {
    window.open('/GeneralReport/GenerateReport?customer_id=' + customer_id, '_blank');
});

注：当前是POST带JSON参数的场景，此方法不适用，仅作补充参考。

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