AJAX（Asynchronous JavaScript and XML）和JSON（JavaScript Object Notation）是兩個在Web開發中經常使用的技術。他們之間存在緊密的聯系，可以實現數據的異步傳輸和解析，使網頁在不刷新的情況下實現動態交互。AJAX通過HTTP請求向服務器發送數據，并接收服務器返回的數據，而JSON則是一種輕量級的數據交換格式，常用于將數據從服務器傳遞到客戶端。

一個典型的使用場景是向服務器請求數據，并將返回的數據動態地顯示在頁面上。例如，一個簡單的示例是通過AJAX從服務器獲取天氣數據，并將返回的JSON格式的數據解析后顯示在網頁上。以下是一個基本的代碼示例：

let xhr = new XMLHttpRequest();
xhr.open('GET', 'https://api.weather.com', true);
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
let response = JSON.parse(xhr.responseText);
document.getElementById('weather').innerHTML = "當前天氣：" + response.weather;
}
};
xhr.send();

上述示例中，使用XMLHttpRequest對象創建了一個異步請求，并通過open方法指定請求的方法和URL。然后通過onreadystatechange事件處理函數判斷請求的狀態和返回的狀態碼。當請求成功返回（狀態碼為200）并且響應的readyState為4時，通過JSON.parse方法解析返回的JSON數據，并將解析后的內容顯示在id為weather的DOM元素中。

這里的關鍵點在于，通過AJAX發送的請求是異步的，即不會阻塞頁面的其他操作，而是在后臺進行數據的傳輸和處理。而JSON作為一種輕量級的數據交換格式，可以快速地解析和處理從服務器返回的數據，在前端實現動態效果。

除了從服務器獲取數據，還可以通過AJAX和JSON實現數據的提交和更新。例如，一個登錄頁面可以通過AJAX將用戶輸入的用戶名和密碼發送給服務器，服務器返回的JSON數據可以包含認證結果以及其他相關信息。以下是一個示例代碼：

let username = document.getElementById('username').value;
let password = document.getElementById('password').value;
let xhr = new XMLHttpRequest();
xhr.open('POST', 'https://api.auth.com/login', true);
xhr.setRequestHeader('Content-Type', 'application/json');
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
let response = JSON.parse(xhr.responseText);
if (response.success) {
window.location.href = 'dashboard.html';
} else {
document.getElementById('error').innerHTML = "登錄失敗，請重試";
}
}
};
let data = JSON.stringify({username: username, password: password});
xhr.send(data);

上述示例中，通過AJAX發送了一個POST請求，將用戶輸入的用戶名和密碼作為JSON數據發送給服務器。服務器通過解析JSON數據進行認證，返回的JSON數據中包含了認證結果。根據返回的結果，可以實現不同的操作，比如頁面跳轉或者顯示錯誤信息。這樣的交互方式可以大大提升用戶體驗，減少頁面的刷新，使網頁更加靈活和動態。

綜上所述，AJAX和JSON在Web開發中具有緊密的聯系。AJAX通過異步請求實現數據的傳輸和交互，而JSON作為一種輕量級的數據交換格式，可以方便地解析和處理從服務器返回的數據。它們的結合使得網頁可以實現動態交互和數據更新，提升了用戶體驗和頁面的靈活性。