这是我现在建议的一些注意事项：
- 需要相对较新的浏览器
如果预期文件 很大，则 您可能应该执行与原始方法（iframe和cookie）类似的操作，因为以下某些操作可能会消耗系统内存，至少与正在下载的文件和/或其他有趣的CPU一样大。副作用。
fetch('https://jsonplaceholder.typipre.com/todos/1’)
.then(resp => resp.blob())
.then(blob => {
const url = window.URL.createObjectURL(blob);const a = document.createElement('a');a.style.display = 'none';a.href = url;// the filename you wanta.download = 'todo-1.json';document.body.appendChild(a);a.click();window.URL.revokeObjectURL(url);alert('your file has downloaded!'); // or you know, something with better UX...})
.catch(() => alert(‘oh no!’));
基于jQuery / iframe / cookie的原始方法
Bluish完全正确，您不能通过Ajax来实现，因为Javascript无法将文件直接保存到用户的计算机（出于安全考虑）。不幸的是，将
主窗口的 URL 指向文件下载意味着您几乎无法控制文件下载发生时的用户体验。
我创建了jQuery File Download，它允许通过OnSuccess和OnFailure回调完成文件下载，从而获得“类似于Ajax”的体验，从而提供更好的用户体验。看看我的博客文章，了解该插件解决的常见问题以及使用该插件的一些方法，以及实际使用的jQuery文件下载演示。
这是一个使用带有Promise的插件源的简单用例演示。
$.fileDownload('some/file.pdf') .done(function () { alert('File download a success!'); }) .fail(function () { alert('File download failed!'); });
