Ajax（Asynchronous JavaScript and XML）是一種用于在網頁上異步獲取服務器數據的技術。通過Ajax，可以在不刷新整個頁面的情況下，僅獲取需要更新的部分數據并動態展示在頁面上。在這些獲取的數據中，常常包括HTML文件內容。本文將針對Ajax獲取HTML文件內容進行詳細說明，并通過舉例來更好地理解其使用。 使用Ajax獲取HTML文件內容有著廣泛的應用場景。例如，在一個在線新聞網站上，當用戶點擊閱讀全文的按鈕時，通過Ajax可以獲取對應新聞文章的HTML內容，然后在當前頁面中展示。這樣，用戶無需跳轉到新的頁面，就可以直接在當前頁面上查看完整的新聞內容。 在實際操作中，我們可以通過使用jQuery庫中的$.ajax()方法來發送異步請求，并獲取服務器返回的HTML文件內容。以下是一個典型的示例：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script>
$(document).ready(function(){
// 點擊按鈕時發送Ajax請求
$("#read-more-btn").click(function(){
// 使用$.ajax()方法發送GET請求
$.ajax({
url: "get_news_content.php", // 請求的URL地址
type: "GET", // 請求方式
success: function(response){ // 成功后的回調函數
// 將獲取的HTML文件內容展示在頁面上
$("#news-content").html(response);
}
});
});
});
</script>
<button id="read-more-btn">閱讀全文</button>
<p id="news-content"></p>

在上述示例中，通過點擊按鈕觸發click事件，然后在事件處理程序中使用$.ajax()方法發送GET請求。請求的URL為"get_news_content.php"，類型為GET方式。當請求成功后，即服務器成功返回HTML文件內容時，會執行success回調函數。在回調函數中，我們通過$("#news-content").html(response)將獲取到的HTML文件內容填充到

標簽中，從而展示在頁面上。 除了以上示例中直接在HTML文件中嵌入的PHP文件外，還可以通過Ajax獲取遠程服務器上的HTML文件內容。假設我們要獲取百度首頁的HTML文件內容，可以這樣實現：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script>
$(document).ready(function(){
$.ajax({
url: "https://www.baidu.com", // 請求的URL地址
type: "GET", // 請求方式
success: function(response){ // 成功后的回調函數
// 將獲取的HTML文件內容展示在頁面上
$("#html-content").html(response);
}
});
});
</script>
<h2>百度首頁內容：</h2>
<p id="html-content"></p>

在上述示例中，我們在url參數中填寫了百度首頁的URL地址，并通過GET方式請求該地址。當請求成功后，即可將獲取到的HTML文件內容展示在頁面上。 總結而言，Ajax是一種能夠在不刷新整個頁面的情況下獲取服務器數據的技術。通過使用Ajax獲取HTML文件內容，我們可以實現動態更新部分頁面內容而無需刷新整個頁面。通過適當使用jQuery的$.ajax()方法，我們可以輕松地發送異步請求，并將服務器返回的HTML文件內容展示在頁面上。無論是獲取本地的PHP文件內容，還是遠程服務器上的HTML文件內容，都可以通過Ajax實現。