.NET Core中jQuery Ajax调用Excel导出接口无法下载文件的问题

Ajax请求无法触发文件下载的核心原因是：浏览器不会自动将Ajax请求的响应内容当作文件下载处理，只会把响应数据返回给JavaScript回调函数，不会唤起下载对话框。而手动访问Action时，浏览器直接解析响应头（包含Content-Disposition），因此能正常触发下载。

另外注意：你的控制器Action未标注[HttpPost]属性，但Ajax使用的是POST请求，这会导致请求方法不匹配，需要先修正这个问题（要么给Action加[HttpPost]，要么把Ajax的type改为GET）。

方案一：替换Ajax为表单提交（最简单推荐） #

直接通过隐藏表单模拟POST请求，让浏览器直接处理响应触发下载：

$('#extractData').click(function (e) {
    e.preventDefault();
    
    // 创建隐藏表单
    const form = $('<form>', {
        method: 'POST',
        action: '/Task/Tasksheet'
    });
    
    // 如果需要传递参数，添加隐藏input（示例）
    // form.append($('<input>', {
    //     type: 'hidden',
    //     name: 'paramName',
    //     value: 'paramValue'
    // }));
    
    form.appendTo('body').submit();
});

同时给控制器Action添加[HttpPost]：

[HttpPost]
public IActionResult Tasksheet()
{
    // 原有代码保持不变
}

方案二：通过Ajax处理二进制响应（适用于复杂场景） #

如果必须保留Ajax请求（比如需要前置验证、动态传参），可指定响应类型为blob，手动创建下载链接：

$('#extractData').click(function (e) {
    e.preventDefault();
    
    $.ajax({
        type: "POST",
        url: "/Task/Tasksheet",
        xhrFields: {
            responseType: 'blob' // 声明响应为二进制流
        },
        success: function (blobData) {
            // 生成临时下载链接
            const downloadUrl = window.URL.createObjectURL(blobData);
            // 创建隐藏a标签触发下载
            const link = $('<a>', {
                href: downloadUrl,
                download: 'MontlyTasks.xlsx',
                style: 'display: none'
            }).appendTo('body');
            
            link[0].click();
            
            // 清理临时资源
            window.URL.revokeObjectURL(downloadUrl);
            link.remove();
        },
        error: function() {
            alert("Failed to export data")
        }
    })
});

同样需要确保控制器Action标注[HttpPost]。

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