AJAX（Asynchronous JavaScript and XML）是一種在Web應用中使用的核心技術，它允許Web頁面局部更新，無需刷新整個頁面。通過AJAX技術，我們可以實現與服務器的異步通信，動態地展示數據和交互內容。AJAX的核心技術主要包括XMLHttpRequest對象、DOM操作和Callback函數。

XMLHttpRequest對象：

XMLHttpRequest對象是AJAX的核心，它是瀏覽器提供的JavaScript對象，用于與服務器進行數據交互。通過XMLHttpRequest對象，我們可以發送和接收數據，完成異步通信。

舉例：

var xhr = new XMLHttpRequest();
xhr.open("GET", "data.json", true);
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
var response = JSON.parse(xhr.responseText);
console.log(response);
}
};
xhr.send();

在上面的例子中，我們創建了一個XMLHttpRequest對象xhr，使用open方法指定請求類型（GET）、URL（data.json）以及是否異步（true）。然后，我們定義了一個onreadystatechange事件處理函數，該函數在服務器響應發生改變時被調用。當readyState等于4（請求已完成）且status等于200（服務器響應正常）時，我們可以通過responseText屬性獲取服務器返回的響應，然后進行操作。

DOM操作：

AJAX技術中，DOM操作是非常重要的一部分。通過修改DOM，我們可以動態地向Web頁面中添加、刪除、更改元素，實現數據的動態展示和交互效果。

舉例：

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

在上面的例子中，我們有一個按鈕（id為"btn"）和一個內容區域（id為"content"）。當按鈕被點擊時，我們創建一個XMLHttpRequest對象xhr，發送一個GET請求到"data.txt"。在請求完成且服務器響應正常時，我們將返回的響應文本賦值給內容區域的innerHTML屬性，從而動態地展示數據。

Callback函數：

Callback函數是AJAX技術中常用的一種方式，用于處理異步請求的響應。通過定義一個回調函數，我們可以在服務器響應返回后執行特定的操作，例如更新頁面內容或執行其他的邏輯。

舉例：

function fetchData(callback) {
var xhr = new XMLHttpRequest();
xhr.open("GET", "data.json", true);
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
var response = JSON.parse(xhr.responseText);
callback(response);
}
};
xhr.send();
}
function updateContent(data) {
var content = document.getElementById("content");
content.innerHTML = data;
}
fetchData(updateContent);

在上面的例子中，我們定義了一個fetchData函數，該函數接受一個回調函數作為參數。在數據請求完成且響應正常時，我們將響應數據傳遞給回調函數，并在回調函數中執行特定的操作。在這個例子中，我們傳遞了updateContent函數作為回調函數，該函數將響應數據作為參數，然后更新頁面內容。

AJAX的核心技術是XMLHttpRequest對象、DOM操作和Callback函數。通過這些技術，我們可以實現動態的數據交互和局部更新，提升Web應用的用戶體驗。