AJAX（Asynchronous JavaScript and XML）是一種用于在不刷新頁面的情況下向服務器發送和接收數據的技術。它通過在后臺與服務器進行數據交換，可以實現動態更新網頁內容。除了可以發送和接收 XML 數據，使用 AJAX 還可以發送和接收 JSON、HTML 或純文本數據。雖然 AJAX 可以用于各種用途，但其中一種常見的用法是通過 AJAX 從服務器下載 JavaScript 文件。

在很多 Web 應用程序中，為了提高性能和維護性，在頁面上引用的 JavaScript 文件往往都是通過 AJAX 從服務器上動態下載的。這種方式能夠減小初始頁面大小并提高頁面響應速度。一個常見的例子是加載一個包含頁面所需函數和變量的 JavaScript 庫，如 jQuery 或 React，這樣可以確保頁面沒有額外的不必要的代碼。

要使用 AJAX 下載 JavaScript 文件，我們可以使用 XMLHttpRequest 對象。以下是一個使用 XMLHttpRequest 從服務器下載 JavaScript 文件的示例：

var xhr = new XMLHttpRequest();
xhr.onreadystatechange = function() {
if (xhr.readyState === xhr.DONE) {
if (xhr.status === 200) {
eval(xhr.responseText);
// 下載并執行成功
} else {
console.error("下載 JavaScript 文件出錯");
}
}
};
xhr.open('GET', 'example.js', true);
xhr.send();

在上述示例中，我們創建了一個 XMLHttpRequest 對象，并通過 open() 方法指定要下載的文件的 URL。將第三個參數設置為 true 可以啟用異步模式，這很重要，因為如果下載的文件很大，我們不希望阻塞頁面加載。然后，我們使用 send() 方法發送請求。

當 readyState 屬性的值變為 xhr.DONE（4）時，請求已完成。我們可以通過檢查 status 屬性來確定請求的狀態。如果狀態為 200，表示下載成功，并可以通過 eval() 函數來執行下載的 JavaScript 代碼。如果狀態不為 200，則可能是服務器出錯或文件不存在導致下載失敗。

除了使用 XMLHttpRequest，我們還可以使用 jQuery 等庫中提供的 AJAX 方法來下載 JavaScript 文件。例如，使用 jQuery 的 $.ajax() 方法，可以將上述示例簡化如下：

$.ajax({
url: 'example.js',
dataType: 'script',
success: function() {
// 下載并執行成功
},
error: function() {
console.error("下載 JavaScript 文件出錯");
}
});

在上述示例中，我們通過指定 dataType 為 'script' 來告訴 jQuery，我們希望下載的文件是 JavaScript 文件。然后，我們可以在 success 回調函數中執行下載的 JavaScript 代碼，并在 error 回調函數中處理下載失敗的情況。

總之，使用 AJAX 從服務器下載 JavaScript 文件是一種常見且有用的技術。它可以提高頁面性能和維護性，并且可以用于加載各種庫和框架。無論是使用原生的 XMLHttpRequest 還是使用庫中提供的 AJAX 方法，都能夠輕松實現 JavaScript 文件的下載和執行。