AJAX（Asynchronous JavaScript and XML）是一种在Web开发中常用的技术，它允许我们通过JavaScript异步地向服务器发送请求，并在不需要刷新整个页面的情况下更新页面的内容。尽管AJAX最常用于请求和响应JSON或XML数据，但它也可以用来请求HTML页面。这样的功能可以带来许多优势，比如在不加载整个页面的情况下更新特定的部分内容，从而提高用户体验。

举个例子，假设我们有一个新闻网站，其中包含多个不同类别的文章。当用户点击某个类别时，我们可以使用AJAX来请求服务器返回该类别的文章列表的HTML页面，然后将其插入到页面的特定区域中，而不是重新加载整个页面。这样，我们可以避免页面的闪烁，也能够更快地呈现请求的页面内容。

要使用AJAX请求HTML页面，我们可以使用XMLHttpRequest对象或者更方便的jQuery库中的ajax()方法。以下是一个使用XMLHttpRequest的示例：

var xhr = new XMLHttpRequest();
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
var responseHTML = xhr.responseText;
// 插入HTML到页面的特定区域中
document.getElementById("content").innerHTML = responseHTML;
}
};
xhr.open("GET", "example.html", true);
xhr.send();

在上面的示例中，我们创建了一个XMLHttpRequest对象，并指定了一个回调函数。当请求的状态改变时，回调函数将被触发。在回调函数中，我们检查请求的状态和响应的状态码，如果一切正常，我们将获取到的HTML内容插入到页面的id为"content"的元素中。

对于使用jQuery的开发者，下面是相同功能的示例代码：

$.ajax({
url: "example.html",
method: "GET",
success: function(responseHTML) {
// 插入HTML到页面的特定区域中
$("#content").html(responseHTML);
}
});

与使用XMLHttpRequest相比，jQuery的ajax()方法更简洁易读，并且提供了更多的选项和回调函数来处理请求。上面的代码中，我们指定了请求的URL、方法和成功回调函数。在成功回调函数中，我们将获取到的HTML内容插入到页面的id为"content"的元素中。

尽管AJAX请求HTML页面是可能的，但需要注意的是，在实际开发中应该合理使用。请求较大的HTML页面会消耗更多的带宽和资源，可能会降低用户的体验。因此，建议仅在需要更新特定部分的情况下才使用AJAX请求HTML页面，而不是整个页面。