在現代 Web 開發中，Ajax（Asynchronous JavaScript and XML）已經成為了一種常見的技術。它允許我們通過 JavaScript 發送異步請求，從 Web 服務器獲取數據，并在不刷新頁面的情況下更新頁面的內容。在傳輸過程中，我們通常使用 JSON（JavaScript Object Notation）來編碼數據，它是一種輕量級的數據交換格式。JSON 的使用非常廣泛，它可以用于傳輸復雜的數據結構，如數組、對象等。

Ajax 和 JSON 的結合可以用于各種實際的應用場景。例如，在一個電子商務平臺上，如果用戶想要在商品頁面中添加一個商品到購物車，這時候可以使用 Ajax 來發送請求，服務器會返回一個 JSON 格式的數據，其中包含了商品的信息、購物車的總價等。然后，我們可以使用 JavaScript 來解析這個 JSON 數據，更新頁面上的購物車圖標和價格。

Ajax 請求發送的代碼通常是類似這樣的：

var xhr = new XMLHttpRequest();
xhr.open('GET', 'http://example.com/api/data', true);
xhr.onload = function() {
if (xhr.status === 200) {
var data = JSON.parse(xhr.responseText);
// 在這里處理數據
}
};
xhr.send();

上述代碼中，我們首先創建了一個 XMLHttpRequest 對象，并使用 open 方法指定了請求的類型、URL 和是否異步。然后，我們使用 onload 事件來監聽請求的響應，如果狀態碼為 200 表示請求成功，我們可以通過解析 xhr.responseText 得到 JSON 格式的數據，并在處理完成后更新頁面。

在 JSON 中，數據以鍵值對的形式組織，鍵使用字符串表示，值可以是任意的 JavaScript 數據類型，包括數字、字符串、布爾值、null、數組和對象等。例如，下面是一個簡單的 JSON 對象：

{
"name": "Alice",
"age": 25,
"city": "New York"
}

我們可以使用 JavaScript 代碼來訪問和修改 JSON 數據。例如：

var json = {
"name": "Alice",
"age": 25,
"city": "New York"
};
console.log(json.name); // 輸出 "Alice"
json.age = 26;
console.log(json.age); // 輸出 26

當我們從服務器接收到 JSON 數據時，我們需要使用 JSON.parse() 方法將其轉換為 JavaScript 對象。在處理完成后，如果需要將 JavaScript 對象轉換為 JSON 字符串，可以使用 JSON.stringify() 方法。例如：

var obj = {
name: 'Alice',
age: 25,
city: 'New York'
};
var jsonString = JSON.stringify(obj);
console.log(jsonString); // 輸出 '{"name":"Alice","age":25,"city":"New York"}'

總而言之，Ajax 和 JSON 是現代 Web 開發中不可或缺的技術。它們可以幫助我們實現各種強大的功能，如動態加載數據、實時更新頁面等。通過合理地使用 Ajax 和 JSON，我們可以為用戶提供更加友好和高效的 Web 體驗。