如何使用 AJAX 触发文件下载以及最佳方法是什么？-js教程-PHP中文网

如何使用 AJAX 触发文件下载以及最佳方法是什么？

Barbara Streisand

发布： 2024-12-06 02:04:10

原创

563 人浏览过

How Can I Trigger a File Download Using AJAX, and What Are the Best Methods?

AJAX 驱动的文件下载：指南

在 Web 开发领域，需要使用直接从服务器下载文件AJAX 请求。为了实现这一点，可以使用各种方法。

一种标准方法是在单击按钮时启动 AJAX 请求。这是一个尝试执行此操作的脚本：

var xhr = new XMLHttpRequest();
xhr.open("GET", "download.php");
xhr.send();

登录后复制

为了提供文件下载服务，可以使用这样的 PHP 脚本：

<?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");
?>

登录后复制

但是，此方法可能不会产生所需的结果行为。因此，需要一种替代策略。

更新的解决方案：引入下载属性

HTML5 中出现的是下载属性。此属性受到 Firefox 和 Chrome（即将推出 IE11）等主流浏览器的支持，为文件下载提供了更简化的解决方案。

<a href="file.txt" download="file.txt">Download File</a>

登录后复制

只要文件与网站位于同一来源，它就可以可以使用此属性下载。

旧解决方案：利用 AJAX 和 Window重定向

在下载属性出现之前，解决方法涉及使用 AJAX 请求或 window.location 操作。

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

登录后复制

但是，直接使用 window.location 是一种更有效的方法。在这种情况下有效的解决方案。

以上是如何使用 AJAX 触发文件下载以及最佳方法是什么？的详细内容。更多信息请关注PHP中文网其他相关文章！