javascript - 使用 ajax 请求下载文件

Question

我想在点击一个按钮的时候发送一个“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

2015 年 4 月 27 日更新

即将进入 HTML5 场景的是 download attribute .它是 supported在 Firefox 和 Chrome 中，很快就会来到 IE11。根据您的需要，您可以使用它而不是 AJAX 请求(或使用 window.location)，只要您要下载的文件与您的站点位于同一来源。

您始终可以使用 some JavaScript 将 AJAX 请求/window.location 作为后备。测试是否支持download，如果不支持，切换到调用window.location。

原答案

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

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

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