AJAX（Asynchronous JavaScript and XML）是一種用于在網頁上進行異步數據交換的技術。它能夠使網頁實現局部刷新，而不需要刷新整個頁面。在Web開發中，我們常常需要獲取HTML源碼用于其他用途，例如數據分析、爬蟲等。本文將介紹如何使用AJAX獲取HTML源碼并進行下載。

一種常見的應用場景是使用爬蟲或數據抓取工具來獲取特定網頁的HTML源碼。以一個簡單的例子來說明，在某個在線商城中，我們想要獲取某個商品的詳細信息，包括商品名稱、價格、評價等。我們可以使用AJAX來請求該商品的網頁源碼，并從中提取出我們需要的數據，然后進行分析或存儲。

// 使用jQuery庫的AJAX方法獲取HTML源碼
$.ajax({
url: 'http://www.example.com/product',
type: 'GET',
success: function(response) {
// 在此處處理HTML源碼
console.log(response);
}
});

上述代碼中，我們使用了jQuery庫的ajax方法來發送一個GET請求，并指定了要獲取的網頁地址。當請求成功返回時，會執行success回調函數，其中的response參數即為請求返回的HTML源碼。

這個例子只是展示了如何獲取HTML源碼，并在控制臺輸出。實際應用中，我們可以根據自己的需求對源碼進行處理，例如使用正則表達式提取關鍵信息，或者使用DOM解析庫來進行更復雜的操作。

進一步擴展，我們可以將獲取到的HTML源碼保存為本地文件。在瀏覽器端無法直接使用JavaScript將文本內容保存至文件系統，但可以通過創建一個Blob對象并使用URL.createObjectURL方法生成一個URL，然后將URL賦值給a標簽的href屬性，設置download屬性并觸發點擊事件，來實現文件下載。

// 使用AJAX獲取HTML源碼并進行下載
$.ajax({
url: 'http://www.example.com/product',
type: 'GET',
success: function(response) {
// 創建Blob對象
var blob = new Blob([response], {type: 'text/html'});
// 生成下載鏈接
var downloadUrl = URL.createObjectURL(blob);
// 創建一個a標簽
var link = document.createElement('a');
link.href = downloadUrl;
link.download = 'product.html';
// 觸發點擊事件
var clickEvent = document.createEvent('MouseEvents');
clickEvent.initEvent('click', true, true);
link.dispatchEvent(clickEvent);
}
});

上述代碼中，我們在請求成功后，將HTML源碼存儲為一個Blob對象，并指定其類型為text/html。然后使用URL.createObjectURL方法生成一個下載鏈接。接著我們創建一個a標簽，將下載鏈接賦值給其href屬性，并設置download屬性為想要保存的文件名。最后，我們創建一個MouseEvent事件并觸發點擊，從而實現文件下載。

使用AJAX獲取HTML源碼并進行下載是一個常見的Web開發需求。借助AJAX技術，我們可以在不刷新整個頁面的情況下，將需要的HTML源碼獲取到并進行進一步處理和操作。無論是進行數據分析還是實現某種功能，AJAX都能提供便利且高效的解決方案。