当我点击一个按钮时，我想发送一个“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");
?>
但没有按预期工作，我该怎么办？先感谢您
2015 年 4 月 27 日更新
进入 HTML5 场景的是下载属性。它在 Firefox 和 Chrome 中得到支持，并且很快就会出现在 IE11 中。根据您的需要，您可以使用它代替 AJAX 请求（或使用window.location），只要您要下载的文件与您的站点位于同一来源。
您始终可以window.location通过使用一些 JavaScript来测试是否download支持AJAX 请求/回退，如果不支持，则将其切换为调用window.location.
原答案
您不能让 AJAX 请求打开下载提示，因为您必须实际导航到文件以提示下载。相反，您可以使用成功函数导航到 download.php。这将打开下载提示，但不会更改当前页面。
$.ajax({
url: 'download.php',
type: 'POST',
success: function() {
window.location = 'download.php';
}
});
即使这回答了问题，最好还是完全使用window.location和避免 AJAX 请求。
要使浏览器下载文件，您需要发出这样的请求：
function downloadFile(urlToSend) {
var req = new XMLHttpRequest();
req.open("GET", urlToSend, true);
req.responseType = "blob";
req.onload = function (event) {
var blob = req.response;
var fileName = req.getResponseHeader("fileName") //if you have the fileName header available
var link=document.createElement('a');
link.href=window.URL.createObjectURL(blob);
link.download=fileName;
link.click();
};
req.send();
}
你实际上根本不需要ajax。如果您只是将“download.php”设置为按钮上的 href，或者，如果它不是链接，请使用：
window.location = 'download.php';
浏览器应该识别二进制下载，而不是加载实际页面，而只是将文件作为下载提供。
跨浏览器解决方案，在 Chrome、Firefox、Edge、IE11 上测试。
在 DOM 中，添加一个隐藏的链接标签：
<a id="target" style="display: none"></a>
然后：
var req = new XMLHttpRequest();
req.open("GET", downloadUrl, true);
req.responseType = "blob";
req.setRequestHeader('my-custom-header', 'custom-value'); // adding some headers (if needed)
req.onload = function (event) {
var blob = req.response;
var fileName = null;
var contentType = req.getResponseHeader("content-type");
// IE/EDGE seems not returning some response header
if (req.getResponseHeader("content-disposition")) {
var contentDisposition = req.getResponseHeader("content-disposition");
fileName = contentDisposition.substring(contentDisposition.indexOf("=")+1);
} else {
fileName = "unnamed." + contentType.substring(contentType.indexOf("/")+1);
}
if (window.navigator.msSaveOrOpenBlob) {
// Internet Explorer
window.navigator.msSaveOrOpenBlob(new Blob([blob], {type: contentType}), fileName);
} else {
var el = document.getElementById("target");
el.href = window.URL.createObjectURL(blob);
el.download = fileName;
el.click();
}
};
req.send();
有可能的。您可以从 ajax 函数内部开始下载，例如，在创建 .csv 文件之后。
我有一个 ajax 函数，可以将联系人数据库导出到 .csv 文件，在它完成后，它会自动启动 .csv 文件下载。所以，在我得到 responseText 并且一切正常之后，我像这样重定向浏览器：
window.location="download.php?filename=export.csv";
我的download.php文件如下所示：
<?php
$file = $_GET['filename'];
header("Cache-Control: public");
header("Content-Description: File Transfer");
header("Content-Disposition: attachment; filename=".$file."");
header("Content-Transfer-Encoding: binary");
header("Content-Type: binary/octet-stream");
readfile($file);
?>
没有任何页面刷新，文件自动开始下载。
注意- 在以下浏览器中测试：
Chrome v37.0.2062.120
Firefox v32.0.1
Opera v12.17
Internet Explorer v11