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都能提供便利且高效的解决方案。