使用Ajax请求下载文件

Question

使用Ajax请求下载文件当我点击一个按钮时，我想发送一个“Ajax下载请求”，所以我尝试这样做：JavaScript：var xhr = new XMLHttpRequest();xhr.open("GET", "download.php");xhr.send();php：<?header("Cache-Control: public");header("Content-Description: File Transfer");header("Content-Disposition: attachment;  filename= file.txt");header("Content-Transfer-Encoding: binary");    readfile("file.txt");?>但不能像预期的那样工作，我该怎么办？提前谢谢

Answer 1

来到HTML 5的场景是下载属性..它是支撑在Firefox和Chrome中，很快就会出现IE11。根据您的需要，您可以使用它来代替Ajax请求(或者使用window.location)只要您要下载的文件与您的站点位于同一来源。

您可以始终发出Ajax请求/window.location通过使用一些JavaScript测试download支持，如果不支持，则将其切换为window.location.

原始答案

您不能让Ajax请求打开下载提示符，因为物理上您必须导航到文件以提示下载。相反，您可以使用一个成功函数导航到Dowload.php。这将打开下载提示，但不会更改当前页面。

$.ajax({
    url: 'download.php',
    type: 'POST',
    success: function() {
        window.location = 'download.php';
    }});

即使这回答了问题，最好还是用window.location并完全避免Ajax请求。

Answer 2

实际上，您根本不需要Ajax。如果您只是将“Dowload.php”设置为按钮上的href，或者，如果它不是链接，则使用：

window.location = 'download.php';

浏览器应该识别二进制下载，而不是加载实际页面，而只是作为下载文件。