AJAX是現代web開發中不可或缺的關鍵技術之一。它使得網頁能夠在不刷新整個頁面的情況下與服務器進行數據交互。在本文中，我們將討論如何使用AJAX下載PDF和Word文件。通過使用AJAX技術，我們可以實現用戶點擊鏈接后自動下載文件，而不會離開當前頁面。

假設我們有一個包含多個PDF和Word文件下載鏈接的網頁。當用戶點擊其中一個鏈接時，我們希望能夠自動下載所選文件，而不是打開新的頁面或彈出一個新的窗口。下面是一個示例：

<a href="download.php?file=example.pdf">Example PDF</a>
<a href="download.php?file=example.docx">Example Word</a>

我們可以使用AJAX來監聽這些鏈接的點擊事件，并在后臺進行文件下載。下面是一個使用jQuery庫的實現：

$('a').click(function() {
var fileUrl = $(this).attr('href');
$.ajax({
type: 'GET',
url: 'download.php',
data: { file: fileUrl },
success: function(data) {
// 文件下載成功
var link = document.createElement('a');
link.href = data.fileUrl;
link.download = data.fileName;
link.click();
},
error: function() {
// 處理下載錯誤
}
});
return false; // 防止默認鏈接跳轉行為
});

在上面的代碼中，我們監聽鏈接的點擊事件，并通過AJAX請求將要下載的文件URL發送到服務器的download.php腳本。服務器端可以處理這個請求，并返回文件的URL和文件名。在AJAX的success回調函數中，我們動態地創建一個元素，并設置其href和download屬性。通過調用這個元素的click()方法，我們可以自動下載所需的文件。

值得注意的是，如果我們使用AJAX進行文件下載，我們需要確保服務器端配置正確。這包括設置正確的MIME類型以及在響應中包含Content-Disposition: attachment頭，以便瀏覽器知道這是一個要下載而不是打開的文件。

以上就是使用AJAX下載PDF和Word文件的簡單示例。通過使用AJAX，我們能夠實現自動下載文件而不離開當前頁面。這對于提供更好的用戶體驗以及簡化網頁設計非常有用。