Ajax（Asynchronous JavaScript and XML）是一種在Web應用中使用的技術，能夠實現異步更新網頁內容的效果。它通過在后臺與服務器進行少量數據交換，無需刷新整個頁面，就能夠動態地更新網頁的部分內容。為了顯示從服務器返回的數據，Ajax通常使用JSON（JavaScript Object Notation）格式。JSON是一種輕量級的數據交換格式，易于讀寫和解析，能夠快速地將數據傳輸到網頁中，使得Ajax能夠更高效地處理數據。
在使用Ajax請求返回JSON數據時，我們需要在服務器端將數據封裝成JSON對象，并通過HTTP響應將其發送給客戶端的Ajax請求。下面是一個簡單的例子，說明了如何通過Ajax請求返回JSON數據。

html
<script>
function loadJSON() {
var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
var json = JSON.parse(this.responseText);
document.getElementById("output").innerHTML = json.message;
}
};
xhttp.open("GET", "data.json", true);
xhttp.send();
}
</script>
<button onclick="loadJSON()">點擊加載JSON數據</button>
<p id="output"></p>

在上述例子中，我們通過JavaScript中的XMLHttpRequest對象創建了一個與服務器的異步通信。當XMLHttpRequest對象狀態發生變化時，我們使用回調函數檢查服務器響應的狀態碼和響應內容。如果狀態碼為4且響應狀態為200，表示服務器成功返回了數據，并且我們可以解析該響應文本將其轉換為JSON對象。然后，我們通過getElementById方法獲取到HTML中的一個元素，并將JSON對象中的特定字段賦值給該元素的innerHTML屬性。這樣，我們就能在網頁上展示從服務器返回的JSON數據了。
除了上述示例之外，我們還可以通過更復雜的JSON結構來返回數據。例如，我們可以用JSON數組來表示一組數據。假設我們有一個服務器端API，可以返回一組用戶信息的JSON數據：

json
[
{
"name": "John",
"age": 25
},
{
"name": "Alice",
"age": 30
},
{
"name": "Bob",
"age": 35
}
]

在前端頁面中，我們可以使用類似的Ajax代碼來獲取這些用戶信息，并將其展示在一個表格中：

html
<script>
function loadUsers() {
var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
var users = JSON.parse(this.responseText);
var table = document.createElement("table");
var header = table.createTHead();
var row = header.insertRow(0);
row.insertCell(0).innerHTML = "<b>Name</b>";
row.insertCell(1).innerHTML = "<b>Age</b>";
for (var i = 0; i < users.length; i++) {
var user = users[i];
var row = table.insertRow(i + 1);
row.insertCell(0).innerHTML = user.name;
row.insertCell(1).innerHTML = user.age;
}
document.getElementById("output").appendChild(table);
}
};
xhttp.open("GET", "users.json", true);
xhttp.send();
}
</script>
<button onclick="loadUsers()">點擊加載用戶信息</button>
<p id="output"></p>

通過使用JSON格式并結合Ajax技術，我們能夠以更高效和智能的方式從服務器返回數據到網頁中。無論是簡單的文本數據還是復雜的數據結構，都可以使用Ajax和JSON來實現靈活的數據交互。這種方式不僅提高了頁面的性能和用戶體驗，還為開發人員提供了更多的可能性來處理和展示數據。因此，Ajax與JSON的結合在現代Web開發中起著重要的作用。