如何從 AJAX POST 回應觸發文件下載？

如何使用AJAX POST 處理文件下載

在JavaScript 應用程式中發送AJAX POST 請求時，開發人員可能會遇到伺服器以檔案而不是JSON 回應的情況數據。在這種情況下，有必要在客戶端瀏覽器中觸發文件下載。本文探討了針對此挑戰的解決方案。

AJAX 請求通常會指定 Content-Type 並檢查 Content-Disposition 標頭以識別回應類型。在確定回應包含檔案後，問題就出現了：如何啟動下載？

解決方案在於利用現代瀏覽器中的部分 FileAPI。其工作原理如下：

1. 配置 XMLHttpRequest：

   • 將回應類型設為「blob」以接收二進位資料 blob 形式的回應。
   • 將 POST 的 Content-type 標頭指定為 'application/x-www-form-urlencoded'請求。

2. 處理 Onload 事件：

   • 成功回應（狀態 200）時，從回應中擷取 blob。
   • 取得 Content-Disposition 標頭以檢查建議檔名。

3. 啟動下載：

   • 對於 Internet Explorer，使用 window.navigator.msSaveBlob 使用建議的檔案名稱儲存 Blob。
   • 對於其他瀏覽器，利用 window.URL 或 window.webkitURL 為blob。
   • 使用 HTML5 a[download] 屬性指定檔案名稱（如果可用）或將使用者重新導向至可下載 URL。
   • 在短暫延遲後撤銷臨時可下載URL 以進行清理.

4. jQuery.ajax替代方案：

   • 使用具有類似配置的jQuery.ajax 方法並在成功回調中處理blob。

總而言之，透過使用FileAPI，即使伺服器回應由 AJAX POST 請求觸發，也可以在瀏覽器中啟動檔案下載。現代瀏覽器支援此技術，並為從 Web 應用程式下載檔案提供了方便且使用者友好的體驗。

以上是如何從 AJAX POST 回應觸發文件下載？的詳細內容。更多資訊請關注PHP中文網其他相關文章！