通过ajax调用php下载文件

Question

我有一个按钮， onclick 它将调用一个ajax函数。

这是我的ajax函数

function csv(){

    ajaxRequest = ajax();//ajax() is function that has all the XML HTTP Requests

    postdata = "data=" + document.getElementById("id").value;

    ajaxRequest.onreadystatechange = function(){
        var ajaxDisplay = document.getElementById('ajaxDiv');
        if(ajaxRequest.readyState == 4 && ajaxRequest.status==200){
            ajaxDisplay.innerHTML = ajaxRequest.responseText;
        }
    }

    ajaxRequest.open("POST","csv.php",false);
    ajaxRequest.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
    ajaxRequest.send(postdata);
}

我根据用户输入创建 csv 文件。创建后，我希望它提示下载或强制下载（最好是强制）。我在 php 文件末尾使用以下脚本来下载文件。如果我在单独的文件中运行此脚本，它工作正常。

 $fileName = 'file.csv';
$downloadFileName = 'newfile.csv';

if (file_exists($fileName)) {
    header('Content-Description: File Transfer');
    header('Content-Type: text/csv');
    header('Content-Disposition: attachment; filename='.$downloadFileName);
    ob_clean();
    flush();
    readfile($fileName);
    exit;
}
echo "done";

但是如果我在 csv.php 的末尾运行它，它会将 file.csv 的内容输出到页面中（到 ajaxDiv 中）而不是下载。

有没有办法在 csv.php 的末尾强制下载文件？

原文由 theking963 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

AJAX 不适用于下载文件。弹出一个以下载链接为地址的新窗口，或执行 document.location = ... 。

原文由 Marc B 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

使用 jQuery 的一个非常简单的解决方案：

在客户端：

 $('.act_download_statement').click(function(e){
    e.preventDefault();
    form = $('#my_form');
    form.submit();
});

在服务器端，确保发回正确的 Content-Type 标头，这样浏览器就会知道它的附件并开始下载。

原文由 blink281 发布，翻译遵循 CC BY-SA 3.0 许可协议