使用 JS、jQuery，如何将 AJAX 响应保存到（文本）文件？

Question

似乎这个问题会定期被问到，常见的回答是“无论如何，您不应该使用 AJAX 这样做。只需将窗口位置设置为文件即可。”

但我试图请求一个实际上并不存在于服务器上任何位置的文件。它是根据 GET/POST 上下文参数动态生成的（通过 Django 视图）。我想要通过 AJAX 检索然后保存到客户端计算机的文件是一个文本文件 (csv)。

我目前可以将文本发送到客户端计算机（并且可以通过在日志记录或警报中查看它来验证这一点），但无法弄清楚如何将此文本保存到 AJAX 成功回调 fn 内的文件中。

本质上，这可能吗，是 JS 可以做的事情吗？也就是说，打开实际上是 AJAX 响应文本的“文件”的文件保存对话框？

Answer 1

我有同样的问题。你可以试试这个

<button id="Save">Save</button>
<img src="MakeThumbnail.ashx?Image=1.jpg" id="imgCrop">

$("#Save").click(function (e) {
    url = $("#imgCrop").attr("src")+"&Action=Save"
    e.preventDefault();  //stop the browser from following
    window.location.href = url;
});

Answer 2

您不能为此使用 PHP rename() 函数吗？ JavaScript？调用 PHP 文件并传递要复制的文件的名称以及位置作为参数？

Answer 3

基本上，没有。由于安全限制，Javascript 无法将任何内容保存到本地计算机。最好的选择可能是拥有一个用户可以信任的签名小程序来写入文件，或者将其放在文本区域中，然后他们可以轻松地将其复制并粘贴到新文件中。

Answer 4

出于安全原因，这不是 JavaScript（以及 jQuery 或任何其他 JS 框架）被允许执行的操作。你也许可以做你想做的事情或其他路线，但不能是 JavaScript。请记住，Flash 对此也有其自己的一系列安全限制。

（是的，IE 可以通过 ActiveX 对象执行此操作，但我不将其视为此处的“解决方案”）

Answer 5

正如其他人提到的，你不能仅使用 JavaScript 来做到这一点。

IMO 最好的选择是 Flash 10+ FileReference API。

有一些很好的 JavaScript 包装器库，例如 Downloadify，它们提供了 JavaScript API 来访问这些方法。

看看这个演示。

Answer 6

从浏览器的角度来看，文件是否存在并不重要，它只是它请求的服务器上的资源。我认为您将需要执行某种版本的“只需将窗口位置设置为文件”。如果您将标头中的内容类型设置为浏览器无法识别的内容，我相信它会询问用户是否要保存它。