为什么没有办法使用Ajax请求下载文件？

Question

在我们的应用程序中，我们需要实现以下场景：客户发送请求服务器处理请求并生成文件服务器返回文件作为响应客户端浏览器显示文件下载弹出对话框，并允许用户下载文件我们的应用程序是基于ajax的应用程序，因此对于我们来说，发送ajax请求（就像使用jquery.ajax()function一样）非常容易和方便。但是在googilng之后，事实证明只有在使用非ajax POST请求时才可以下载文件（如该流行的SO线程中所述）。因此，我们需要实现更丑陋，更复杂的解决方案，该解决方案要求form使用嵌套的隐藏字段来构建HTML结构。有人可以用简单的词来解释为什么不能使用ajax请求来下载文件吗？其背后的机制是什么？

Answer 1

与AJAX无关。当然，您可以使用AJAX下载文件。但是，文件将保留在内存中，即您无法将文件保存到磁盘。这是因为JavaScript无法与磁盘交互。那将是一个严重的安全问题，并且在所有主流浏览器中都被阻止。

Answer 2

您可以通过在下载页面中使用隐藏的iframe来实现

只需在ajax成功响应中设置隐藏的ifame的src，任务就完成了...

  $.ajax({

        type: 'GET',

        url: './page.php',

        data: $("#myform").serialize(),

        success: function (data) {

          $("#middle").attr('src','url');

        },

});