AJAX（Asynchronous JavaScript and XML）是一種用于異步獲取數據的技術，它能夠在不重新加載整個頁面的情況下更新部分頁面內容。通過使用AJAX，可以提高網頁的響應速度和用戶體驗。本文將介紹AJAX異步獲取數據的格式，并通過舉例說明其工作原理和用法。

在傳統的網頁應用中，當用戶與頁面進行交互時，瀏覽器會向服務器發送請求，然后服務器會返回整個頁面的HTML。這意味著每次用戶進行操作時，都需要重新加載整個頁面。而使用AJAX技術，可以在用戶進行操作時，僅向服務器請求需要更新的數據，然后通過JavaScript將這些數據插入到頁面中相應的位置，從而實現無刷新更新頁面的效果。

為了使用AJAX異步獲取數據，我們需要使用XMLHttpRequest對象。下面是一個使用AJAX來獲取服務器上一個文本文件內容的示例：

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

在上面的代碼中，我們創建了一個XMLHttpRequest對象，并指定了一個回調函數，用來處理服務器響應的數據。當服務器返回的狀態碼為200，并且readyState等于4時，說明服務器返回的數據已經完全接收。我們使用JavaScript將返回的數據插入到id為"content"的元素中。

除了通過GET請求來獲取數據，我們還可以使用POST請求。下面是一個使用AJAX通過POST請求來提交表單數據的示例：

var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
document.getElementById("message").innerHTML = this.responseText;
}
};
xhttp.open("POST", "submit.php", true);
xhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
xhttp.send("name=John&age=30");

在上面的代碼中，我們使用POST請求將表單數據"name=John&age=30"提交給服務器，并通過JavaScript將服務器返回的響應插入到id為"message"的元素中。

除了發送文本數據，我們還可以使用AJAX來發送和接收JSON數據。下面是一個使用AJAX來獲取服務器上一個JSON文件內容的示例：

var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
var data = JSON.parse(this.responseText);
document.getElementById("name").innerHTML = data.name;
document.getElementById("age").innerHTML = data.age;
}
};
xhttp.open("GET", "data.json", true);
xhttp.send();

在上面的代碼中，我們通過GET請求從服務器上獲取一個JSON文件的內容，并解析為JSON對象。然后，我們使用JavaScript將JSON對象中的屬性值分別插入到id為"name"和"age"的元素中。

通過上述示例，我們可以看到使用AJAX異步獲取數據的格式，以及如何在頁面中更新數據。AJAX不僅可以用于獲取文本數據，還可以用于提交表單數據、獲取JSON數據等等。通過合理使用AJAX技術，可以提高網頁的用戶體驗，使頁面更加動態、流暢。