AJAX（Asynchronous JavaScript and XML）是一種用于在無需刷新整個頁面的情況下，通過與服務器異步交互更新網頁內容的技術。它為我們提供了更好的用戶體驗，使得網頁能夠在后臺發送請求和接收響應，而無需干擾用戶的當前動作。在HTML中，我們可以使用AJAX來實現各種功能，包括動態加載數據、提交表單、自動完成等，從而為用戶提供更加流暢和高效的網頁體驗。

在AJAX中，我們經常使用XMLHttpRequest對象來發送和接收數據。以下是一個使用AJAX動態加載數據的例子：

function loadContent() {
var xhr = new XMLHttpRequest();
xhr.open("GET", "data.txt", true);
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
document.getElementById("content").innerHTML = xhr.responseText;
}
};
xhr.send();
}

以上代碼創建了一個XMLHttpRequest對象，然后通過open方法指定了請求的方法（GET）、URL（data.txt）、是否異步（true）。接著，我們通過onreadystatechange屬性來監聽xhr對象的狀態變化，當狀態為4（請求完成）并且狀態碼為200（請求成功）時，將響應的內容放入HTML中指定的元素中（通過innerHTML屬性）。

通過上述代碼，我們可以將一個文本文件的內容動態加載到網頁的某個元素中，而無需刷新整個頁面。這在實現無限滾動加載、顯示最新的新聞內容等方面非常實用。

除了加載數據，AJAX還可以用于提交表單，從而實現無需刷新頁面的表單交互。以下是一個使用AJAX提交表單的例子：

function submitForm() {
var xhr = new XMLHttpRequest();
var form = document.getElementById("myForm");
var formData = new FormData(form);
xhr.open("POST", "submit.php", true);
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
document.getElementById("result").innerHTML = xhr.responseText;
}
};
xhr.send(formData);
}

在上述代碼中，我們創建了一個XMLHttpRequest對象，并通過open方法指定了請求的方法（POST）、URL（submit.php）、是否異步（true）。然后，我們通過FormData對象獲取表單數據，并通過send方法將表單數據發送到服務器。當請求完成且成功時，將服務器響應的內容放入HTML中指定的元素中。

通過上述代碼，我們可以在表單提交時，將表單數據通過AJAX發送到服務器并接收響應，而無需刷新整個頁面。這在實現實時驗證表單、動態更新表單結果等方面非常實用。

除了動態加載數據和提交表單外，AJAX還有許多其他的應用，如自動完成、輪詢等。無論是在哪種情況下，AJAX都能夠極大地提升網頁的用戶體驗和性能。

總之，AJAX是一種強大的技術，能夠在無需刷新整個頁面的情況下，通過與服務器異步交互更新網頁內容。通過使用XMLHttpRequest對象和適當的代碼，我們可以在HTML中實現各種功能，包括動態加載數據、提交表單等。AJAX為用戶提供了更好的網頁體驗，使得網頁能夠實現更流暢和高效的交互。