jQuery是一個很流行的JavaScript庫，它允許我們輕松地使用JavaScript進行HTML文檔的操作、事件處理以及動畫效果的展示等。而在網頁開發中，經常需要通過AJAX技術獲取別的網頁上的數據并在我們的網頁上進行展示。下面介紹使用基于jQuery實現AJAX獲取HTML文檔并在當前頁面展示。
首先需要加載jQuery庫文件，我們可以從jQuery官網上下載最新的庫文件，然后在HTML文件中引用即可。
<head> <script src="jquery-3.5.1.min.js"></script> </head>
接下來我們需要使用jQuery的AJAX函數來獲取HTML文檔。jQuery的AJAX函數有多種方式，其中最常用的是$.ajax()方法。使用該方法時，我們需要傳入一個包含請求信息的對象，它的參數可以包含URL、請求類型、發送的數據類型等。在該對象的success函數中，我們可以獲取到從服務器返回的HTML文檔。
$.ajax({
url: 'http://example.com/page.html', // 請求的頁面URL
type: 'GET', // 請求類型為GET
dataType: 'html', // 返回的數據類型為HTML
success: function(data) { // 請求成功后的回調函數
$('div.container').html(data); // 把請求到的HTML文檔插入到class為container的div元素中
}
});在上述代碼中，我們首先使用$.ajax()方法傳入一個包含請求信息的對象。其中，URL參數指定了要請求的頁面URL地址；type參數指定了請求類型為GET（也可以是POST等）；dataType參數指定了返回數據的類型為HTML。當請求成功后，success函數會被調用，我們可以在該函數中將服務器返回的HTML文檔插入到當前頁面中的某個元素中。
上述代碼中我們將請求到的HTML文檔插入到了一個class為container的div元素中。該元素是一個容器，可以用于展示我們獲取的HTML文檔。
通過上述的代碼，我們可以方便地通過jQuery實現AJAX獲取HTML文檔并在當前頁面進行展示。這種方式可以幫助我們快速地獲取頁面內容，提高用戶體驗。