在現代Web開發中，Ajax（Asynchronous JavaScript and XML）成為了一種廣泛使用的技術，可以實現網頁的局部刷新和異步數據交互。Ajax包含了一系列的技術，如XMLHttpRequest對象、JSON、跨域請求等等。本文將介紹Ajax所包含的一些重要技術，并通過舉例說明它們的應用。

首先，XMLHttpRequest對象是Ajax的核心技術之一。它是一種在后臺與服務器進行數據交換的技術，可以實現局部刷新和動態更新網頁內容。下面是一個使用XMLHttpRequest對象獲取服務器數據的例子：

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

上述代碼中，通過XMLHttpRequest對象的open方法指定了請求的類型(GET)和URL("ajax_info.txt")，再通過send方法發送請求。當服務器返回響應時，onreadystatechange事件被觸發，可以通過responseText屬性獲取服務器返回的數據，并將其賦值給某個頁面元素的innerHTML屬性，實現數據的顯示。

除了XMLHttpRequest對象，Ajax還廣泛使用JSON（JavaScript Object Notation）格式來交換數據。與XML相比，JSON更輕量級、易于解析和生成，并且更符合JavaScript的數據類型。例如，以下代碼展示了如何使用Ajax獲取并解析返回的JSON數據：

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

上述代碼中，通過JSON.parse方法將服務器返回的JSON字符串轉換成JavaScript對象，然后可以通過對象的屬性來訪問JSON數據。例如，上述代碼中的data.name表示JSON數據中的name屬性。

另外，跨域請求也是Ajax的一個重要應用場景。由于瀏覽器的同源策略限制，普通的Ajax請求不能跨域發送。但是可以使用CORS（Cross-Origin Resource Sharing）或JSONP（JSON with Padding）等技術來實現跨域請求。以下是一個使用CORS實現跨域請求的例子：

var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
document.getElementById("demo").innerHTML = this.responseText;
}
};
xhttp.open("GET", "https://api.example.com/data", true);
xhttp.send();

上述代碼中，通過指定服務器的URL為"https://api.example.com/data"，可以跨域請求獲取數據。服務器需要在響應頭中添加Access-Control-Allow-Origin字段來允許跨域請求。

綜上所述，Ajax包含了許多重要的技術，如XMLHttpRequest對象、JSON、跨域請求等等。這些技術可以使網頁實現局部刷新和異步數據交互，提升用戶體驗。通過舉例說明，我們可以更好地理解和應用這些技術。