本文將介紹如何使用Ajax發送HTTP請求來獲取JSON數據。Ajax是一種用于創建動態網頁的技術，它可以在不重新加載整個頁面的情況下更新部分頁面內容。JSON（JavaScript Object Notation）是一種輕量級的數據交換格式，它在不同的編程語言之間傳遞數據非常方便。

在實際開發中，我們經常需要從服務器獲取數據來展示在網頁上。假設我們的網頁需要顯示一些關于用戶的信息，比如用戶名、年齡、性別等等。服務器的接口可以返回一個JSON對象，包含這些用戶信息。我們可以使用Ajax發送HTTP請求，并將返回的JSON數據展示到網頁上。

首先，我們需要創建一個XMLHttpRequest對象，用于發送HTTP請求。以下是一個發送GET請求的示例代碼：

var xhr = new XMLHttpRequest();
xhr.open("GET", "url", true);
xhr.setRequestHeader("Content-Type", "application/json");
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
var response = JSON.parse(xhr.responseText);
// 在這里使用返回的JSON數據進行相關操作，比如更新網頁內容
}
};
xhr.send();

在上面的代碼中，我們首先創建了一個XMLHttpRequest對象，并使用open方法指定了請求的類型（GET）、URL和是否異步（true表示異步請求）。然后，我們使用setRequestHeader方法設置了請求頭的Content-Type為application/json，表示請求的數據格式為JSON。

接下來，我們為XMLHttpRequest對象的onreadystatechange事件綁定了一個回調函數。當HTTP請求的狀態發生改變時（readyState的值從0到4），這個回調函數將被觸發。我們通過檢查readyState的值是否為4和status的值是否為200來判斷HTTP請求是否成功。如果成功，我們可以通過responseText屬性獲取到服務器返回的JSON數據，并使用JSON.parse方法將其轉換為JavaScript對象。

以下是一個發送POST請求的示例代碼：

var xhr = new XMLHttpRequest();
xhr.open("POST", "url", true);
xhr.setRequestHeader("Content-Type", "application/json");
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
var response = JSON.parse(xhr.responseText);
// 在這里使用返回的JSON數據進行相關操作，比如更新網頁內容
}
};
var data = JSON.stringify({key1: value1, key2: value2});
xhr.send(data);

對于發送POST請求，我們需要首先設置請求的類型為POST。然后，使用setRequestHeader方法設置請求頭的Content-Type為application/json，表示請求的數據格式為JSON。在發送請求時，我們需要將要發送的數據轉化為JSON字符串，并使用send方法發送請求。

總而言之，通過使用Ajax發送HTTP請求獲取JSON數據，我們可以實現網頁內容的動態更新。無論是展示用戶信息、新聞內容還是其他數據，都可以通過這種方式從服務器獲取并展示在網頁上。