通过ajax调用php下载文件

Question

通过ajax调用php下载文件我有个按钮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末尾的文件？

Answer 1

Ajax不适合下载文件。弹出一个以下载链接作为其地址的新窗口，或者执行以下操作document.location = ....

Answer 2

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

在客户端：

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

在服务器端，确保发送正确的Content-Type标题，因此浏览器将知道它的附件和下载将开始。