JSON（JavaScript Object Notation）是一種輕量級的數據交換格式，常用于前端與后端的數據傳輸。在AJAX（Asynchronous JavaScript and XML）技術中，使用JSON格式進行數據的交互是非常常見的。本文將介紹如何使用AJAX添加JSON數據，以及一些示例說明。
在開發過程中，我們通常會遇到從后端獲取數據并在前端進行展示的需求。通過AJAX技術，我們可以在不刷新整個頁面的情況下，異步獲取數據，并動態地將其展示在頁面上。
為了實現這一需求，我們需要使用JavaScript中的XMLHttpRequest對象。首先，我們創建一個XMLHttpRequest對象，并指定要獲取數據的URL地址。然后，我們使用該對象的open()方法指定請求類型和URL，以及使用的傳輸方式。如果是使用JSON格式進行數據交互，我們還需要設置請求頭的Content-Type為"application/json"。最后，使用send()方法發送請求。
以下是一個使用AJAX添加JSON數據的示例代碼：

var xhr = new XMLHttpRequest();
xhr.open('GET', 'example.com/data', true);
xhr.setRequestHeader('Content-Type', 'application/json');
xhr.send();
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
var response = JSON.parse(xhr.responseText);
// 對返回的JSON數據進行處理
}
};

在上述代碼中，我們首先創建了一個XMLHttpRequest對象，并指定要獲取數據的URL地址。接著，我們使用open()方法指定請求類型為GET，URL為'example.com/data'，并設置異步為true。然后，使用setRequestHeader()方法設置請求頭的Content-Type，指明要發送的是JSON數據。最后，調用send()方法發送請求。
在send()方法之后，我們設置了一個onreadystatechange事件處理程序，用來處理服務器響應的數據。當readyState為4（已完成）且status為200（成功）時，我們通過JSON.parse()方法將響應的文本解析為JSON對象，并對其進行后續處理。
在實際開發中，我們可以根據具體的需求來對響應的JSON數據進行處理。例如，我們可以將獲取到的JSON數據轉換為HTML元素，然后將其添加到頁面的指定位置。
下面是一個示例，假設我們要從后端獲取一組學生信息，然后在列表中展示出來：

var xhr = new XMLHttpRequest();
xhr.open('GET', 'example.com/students', true);
xhr.setRequestHeader('Content-Type', 'application/json');
xhr.send();
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
var students = JSON.parse(xhr.responseText);
var list = document.getElementById('student-list');
students.forEach(function(student) {
var listItem = document.createElement('li');
listItem.textContent = student.name + ' - ' + student.age;
list.appendChild(listItem);
});
}
};

在上述代碼中，我們使用AJAX從后端獲取了一組學生信息，并將其存儲在students變量中。然后，我們找到頁面中的id為"student-list"的元素，并將每個學生的姓名和年齡創建為一個li元素，并添加到該列表中。
通過以上示例，我們可以看到使用AJAX添加JSON數據非常簡單。只需使用XMLHttpRequest對象發送請求，并在對應的事件處理函數中對響應的JSON數據進行處理即可。這樣可以實現前后端之間的數據傳遞，從而使頁面實現動態更新和展示。