首頁 > 後端開發 > php教程 > 如何使用 AJAX 觸發文件下載:直接下載或伺服器端重定向?

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

Mary-Kate Olsen
發布: 2024-12-17 00:12:24
原創
898 人瀏覽過

How to Trigger a File Download Using AJAX:  Direct Download or Server-Side Redirect?

使用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中文網其他相關文章!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板