如何使用 Ajax 下載並開啟 PDF 檔案？

使用Ajax 下載並開啟PDF 檔案

在Web 開發中，動態產生檔案並將其下載到客戶端是很常見的。使用 Ajax 處理文件下載可能很棘手，尤其是對於 PDF 等文件格式。一個常見問題是使用 Ajax 呼叫下載和開啟 PDF 檔案。

問題：

使用者有一個操作類，可以產生 PDF 並設定適當的內容類型。他們嘗試透過 Ajax 呼叫來呼叫此操作，並在瀏覽器中開啟下載的 PDF 檔案。但是，Ajax 呼叫會導致錯誤：「您的瀏覽器發送了此伺服器無法理解的請求。」

解決方案：

成功解決此問題使用Ajax下載並開啟PDF 文件，請依照以下步驟：

1. 產生PDF 文件： 在操作類中，使用您首選的庫產生PDF 文件並設定適當的

2. 在JavaScript 中處理Ajax 呼叫：

   • 使用XMLHttpRequest 物件啟動對操作網址。
   • 根據您的操作方法將請求方法設定為「POST」或「GET」。

3. 處理伺服器回應：

   • 在 Ajax 呼叫的成功回呼函數中，處理伺服器的回應。
   • 使用 Blob API 建立一個新的 Blob 來表示下載的 PDF 資料。
   • 建立錨點 () 元素並將其 href 屬性設為 Blob 的物件 URL。
   • 設定 download 屬性以指定 PDF 檔案所需的檔案名稱。
   • 觸發錨點元素上的點擊事件以啟動下載並開啟 PDF 檔案。

以下是示範此方法的範例JavaScript 程式碼：

<code class="javascript">$.ajax({
  url: '<URL_TO_FILE>',
  success: function(data) {
    var blob = new Blob([data]);
    var link = document.createElement('a');
    link.href = window.URL.createObjectURL(blob);
    link.download = '<FILENAME_TO_SAVE_WITH_EXTENSION>';
    link.click();
  }
});</code>

透過使用此方法，您可以使用Ajax 成功下載並開啟PDF，從而簡化Web 應用程式的文件處理能力。

以上是如何使用 Ajax 下載並開啟 PDF 檔案？的詳細內容。更多資訊請關注PHP中文網其他相關文章！