通过 ajax 调用 php 下载文件

php javascript ajax download

2022-08-30 12:37:50

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

这是我的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它会将文件的内容输出.csv到页面（到ajaxDiv）中，而不是下载。

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

答案 1

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

答案 2

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

在客户端：

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

在服务器端，请确保发回正确的标头，以便浏览器知道其附件并开始下载。Content-Type