如何在Laravel中导出CSV文件且触发下载而非返回纯文本

核心问题原因 #

你使用$.get发起AJAX请求获取CSV内容时，浏览器默认不会对AJAX返回的附件响应触发下载行为，无论后端响应头配置是否正确，都会将返回的CSV内容直接当作纯文本交给JS处理，这是你无法触发下载的根本原因。

推荐解决方案（无需修改后端代码） #

直接替换AJAX逻辑为动态创建a标签跳转下载，兼容性最好，实现成本最低：

$(document).on("click","#csvIcon",function(){
    $('#mask').css('display','block');
    var fId=$(this).attr('data-formId');
    // 拼接下载地址
    const downloadUrl = `/clientarea/form/responses/csv/export?formId=${encodeURIComponent(fId)}`;
    // 动态创建a标签触发下载
    const tempLink = document.createElement('a');
    tempLink.href = downloadUrl;
    tempLink.download = ''; // 自动复用后端返回的文件名
    document.body.appendChild(tempLink);
    tempLink.click();
    document.body.removeChild(tempLink);
    // 延时隐藏加载遮罩，可根据实际业务调整时长
    setTimeout(() => {
        $('#mask').css('display','none');
    }, 1500);
});

备选方案（必须使用AJAX时选择） #

如果你的场景需要自定义请求头、前置权限校验等必须使用AJAX的情况，可以修改前端请求逻辑，将响应转为Blob后手动触发下载：

$(document).on("click","#csvIcon",function(){
    $('#mask').css('display','block');
    var fId=$(this).attr('data-formId');
    $.ajax({
        url: '/clientarea/form/responses/csv/export',
        data: {'formId': fId},
        method: 'GET',
        xhrFields: {
            responseType: 'blob' // 指定响应类型为二进制Blob
        },
        success: function(blob, status, xhr) {
            // 从响应头提取后端配置的文件名
            const contentDisposition = xhr.getResponseHeader('Content-Disposition');
            let fileName = 'form_data.csv';
            if (contentDisposition) {
                const nameMatch = contentDisposition.match(/filename="?([^"]+)"?/);
                if (nameMatch?.length === 2) fileName = nameMatch[1];
            }
            // 生成临时链接触发下载
            const blobUrl = window.URL.createObjectURL(blob);
            const tempLink = document.createElement('a');
            tempLink.href = blobUrl;
            tempLink.download = fileName;
            document.body.appendChild(tempLink);
            tempLink.click();
            window.URL.revokeObjectURL(blobUrl);
            document.body.removeChild(tempLink);
            $('#mask').css('display','none');
        },
        error: function() {
            $('#mask').css('display','none');
            alert('导出失败，请稍后重试');
        }
    })
});

后端代码注意事项 #

你当前控制器代码中Request类拼写错误，Rrequest多写了一个R，需要修正为：

public function exportCsv(Request $request)

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