AJAX（Asynchronous Javascript and XML）是一種用于在后臺與服務器交換數據的技術。JSON（JavaScript Object Notation）是一種輕量級的數據交換格式。在Web開發中，通過使用AJAX和JSON，可以輕松地將服務器返回的數據填充到表單中，從而實現動態更新和實時顯示。

例如，假設我們有一個名為“用戶信息”的表單，包含姓名、年齡和性別三個字段。當用戶輸入姓名后，希望自動填充該用戶的年齡和性別。以前的做法是在用戶輸入姓名后，通過提交表單并重新加載頁面來獲取數據，并更新表單中對應的字段。但現在，通過使用AJAX和JSON，我們可以實現在用戶輸入姓名的同時，后臺實時查詢數據庫，返回對應用戶的年齡和性別，并填充到表單中。

具體實現的代碼示例如下：

(function(){
var nameInput = document.getElementById('nameInput');
nameInput.addEventListener('input', function(){
var name = nameInput.value;
var xhr = new XMLHttpRequest();
xhr.onreadystatechange = function(){
if(xhr.readyState === 4 && xhr.status === 200){
var response = JSON.parse(xhr.responseText);
var ageInput = document.getElementById('ageInput');
ageInput.value = response.age;
var genderInput = document.getElementById('genderInput');
genderInput.value = response.gender;
}
};
xhr.open('GET', '/getUserInfo?name=' + name, true);
xhr.send();
});
})();

上述代碼實現了在用戶輸入姓名時，通過AJAX向服務器發送一個GET請求，參數為用戶輸入的姓名。服務器后臺收到請求后，查詢相應用戶的年齡和性別，并以JSON格式返回給客戶端。客戶端通過使用XMLHttpRequest對象的onreadystatechange事件，在服務器返回響應的時候，解析JSON數據，并將年齡和性別分別填充到表單中。

通過這種方式，我們可以實現實時更新表單中的數據，而無需用戶手動提交表單。這種方式不僅提高了用戶體驗，還減少了不必要的頁面加載操作。

除了填充表單外，AJAX和JSON還可以用于其他場景，例如動態加載下拉菜單項。假設我們有一個名為“所在城市”的下拉菜單，需要根據用戶的選擇動態加載相應的城市數據。通過使用AJAX向服務器發送請求，并將返回的城市數據以JSON格式返回，我們可以通過解析JSON數據，動態更新下拉菜單中的選項。

下面是代碼示例：

(function(){
var countrySelect = document.getElementById('countrySelect');
countrySelect.addEventListener('change', function(){
var selectedCountry = countrySelect.value;
var xhr = new XMLHttpRequest();
xhr.onreadystatechange = function(){
if(xhr.readyState === 4 && xhr.status === 200){
var response = JSON.parse(xhr.responseText);
var citySelect = document.getElementById('citySelect');
citySelect.innerHTML = '';
for(var i = 0; i< response.length; i++){
var option = document.createElement('option');
option.value = response[i].city;
option.text = response[i].city;
citySelect.appendChild(option);
}
}
};
xhr.open('GET', '/getCityData?country=' + selectedCountry, true);
xhr.send();
});
})();

上述代碼實現了在用戶選擇國家時，根據選擇的國家向服務器發送一個GET請求，參數為所選國家。服務器后臺收到請求后，查詢相應的城市數據，并以JSON格式返回給客戶端。客戶端通過使用XMLHttpRequest對象的onreadystatechange事件，在服務器返回響應的時候，解析JSON數據，并動態更新下拉菜單的選項。

通過這種方式，我們可以根據用戶的選擇動態加載相應的選項，而無需刷新頁面。這種方式不僅提高了用戶體驗，還避免了頁面閃爍和加載的延遲。

總結來說，通過使用AJAX和JSON，我們可以實現動態填充表單和動態加載選項等功能，提高用戶體驗并減少不必要的頁面加載操作。在實際的Web開發中，我們可以根據具體的需求和業務場景，靈活運用AJAX和JSON，實現更多實用的功能。