如何使用 AJAX 觸發文件下載：直接下載或伺服器端重定向？

使用AJAX 請下載檔案

當嘗試在按鈕點擊時啟動「ajax 下載要求」時，通常會實現如下程式碼下方：

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

以及以下PHP script:

header("Cache-Control: public");
header("Content-Description: File Transfer");
header("Content-Disposition: attachment; filename= file.txt");
header("Content-Transfer-Encoding: binary");    
readfile("file.txt");
?>

但是，這種方法可能不會產生預期的結果。要有效地啟動下載，請考慮實施以下替代方案之一：

選項1：利用「下載」屬性

在Firefox 和Chrome 等現代瀏覽器中， 「download」屬性提供了一種從網頁內啟動下載的便捷方法，無需伺服器端互動。以下是範例：

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

選項2：使用AJAX 或Window.location 導覽至下載腳本

如果「下載」屬性不合適選項，您可以適合選項使用AJAX 或window.location 導覽至下載腳本。使用AJAX，您可以執行非同步請求，然後使用其成功回調函數重定向到下載腳本：

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

或者，您可以簡單地使用window.location 導航到下載腳本：

window.location = 'download.php';

雖然AJAX 方法提供了一定的彈性，但使用window.location 通常更有效率、更簡單。

以上是如何使用 AJAX 觸發文件下載：直接下載或伺服器端重定向？的詳細內容。更多資訊請關注PHP中文網其他相關文章！