前端開發中，經常需要與后端進行數據交互，而Ajax是一種常用的實現數據交互的技術。在使用Ajax來發起JSON請求時，可以通過發送HTTP請求來獲取后端返回的JSON數據，而無需重新加載整個頁面。本文將介紹如何使用Ajax來發起JSON請求。
使用Ajax發起JSON請求的基本步驟如下：
1. 創建XMLHttpRequest對象。XMLHttpRequest是瀏覽器提供的用于發送HTTP請求的對象。首先，我們需要通過創建XMLHttpRequest對象來準備發送請求。
2. 指定請求方法和URL。通過調用XMLHttpRequest對象的open方法來指定請求的方法和URL。請求方法通常是GET或POST，URL則是指向后端接口的地址。
3. 設置請求頭部信息（如果需要）。如果需要在發送請求時設置請求頭部信息，可以通過調用XMLHttpRequest對象的setRequestHeader方法來設置。例如，Content-Type可以設置為application/json，告訴后端接口請求的內容是JSON格式。
4. 發送請求。通過調用XMLHttpRequest對象的send方法來發送請求。如果是GET請求，可以將查詢參數作為參數傳入send方法；如果是POST請求，可以將請求體作為參數傳入send方法。
5. 處理響應。通過監聽XMLHttpRequest對象的readystatechange事件，可以獲取后端返回的響應。當readyState屬性的值變為4時，表示請求已經完成，并且響應已經成功返回了。可以通過responseText屬性來獲取后端返回的JSON數據。
下面我們以一個實際的例子來演示如何使用Ajax發起JSON請求。
假設我們有一個后端接口，可以根據用戶的ID獲取用戶的詳細信息，并返回JSON格式的數據。我們希望通過Ajax來獲取某個用戶的詳細信息。
首先，我們創建一個XMLHttpRequest對象：

var xhr = new XMLHttpRequest();

然后，我們指定請求方法和URL：

xhr.open('GET', '/api/user/123', true);

這里假設用戶ID是123，后端接口的地址是/api/user/123。
接下來，我們發送請求：

xhr.send();

發送請求后，我們需要監聽XMLHttpRequest對象的readystatechange事件來處理響應。當readyState的值變為4時，表示請求已經完成，并且響應已經成功返回了。我們可以通過responseText屬性來獲取后端返回的JSON數據：

xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
var response = JSON.parse(xhr.responseText);
console.log(response);
}
};

在上面的代碼中，我們首先判斷readyState的值是否為4，然后再判斷status的值是否為200。如果均滿足，則表示請求成功，并且響應已經返回了。我們可以通過JSON.parse對responseText進行解析，得到一個可以直接操作的JSON對象。
以上就是使用Ajax發起JSON請求的基本步驟和一個實際例子。通過Ajax發起JSON請求可以很方便地獲取后端接口返回的JSON數據，而無需重新加載整個頁面。這在提升用戶體驗和減少服務器負載方面都有很大的好處。