AJAX（Asynchronous JavaScript and XML）是一種在網頁上向服務器發送和接收數據的技術。JSON（JavaScript Object Notation）是一種數據交換格式，通常與AJAX一起使用。通過AJAX和JSON的結合使用，我們可以實現以異步方式與服務器交互，并在網頁上動態更新內容，從而提升用戶體驗。

舉個例子來說明，假設我們要在網頁上展示一篇新聞列表。傳統的做法是用戶打開頁面時一次性加載所有新聞，并且在用戶進行瀏覽時切換不同的新聞內容。這種方式會導致頁面加載較慢，影響用戶體驗。而使用AJAX和JSON的方式，我們可以在初始加載頁面時只加載部分新聞列表，當用戶瀏覽到底部時再通過AJAX請求服務器獲取更多新聞，實現動態更新，提高頁面加載速度，同時減少了服務器的負擔。

使用AJAX和JSON的常見用法有：

1.獲取服務器數據并展示：通過AJAX發送請求，獲取服務器上的JSON數據，并將數據解析后展示在網頁上。比如，通過AJAX向服務器請求獲取某個城市的天氣數據，并將返回的JSON數據中的溫度、天氣描述等信息展示在網頁上。

$.ajax({
url: 'https://api.example.com/weather',
method: 'GET',
dataType: 'json',
success: function(data) {
var temperature = data.temperature;
var description = data.description;
// 在網頁上展示天氣信息
$("#temperature").text(temperature);
$("#description").text(description);
}
});

2.發送數據到服務器：通過AJAX發送數據給服務器，并等待服務器的響應。比如，用戶在網頁上填寫一個表單，點擊提交按鈕時，通過AJAX將表單數據發送給服務器保存，并在服務器響應后給出相應的提示信息。

$("#submit").click(function() {
var name = $("#name").val();
var email = $("#email").val();
// 通過AJAX發送數據到服務器
$.ajax({
url: 'https://api.example.com/submit',
method: 'POST',
data: { name: name, email: email },
dataType: 'json',
success: function(response) {
var message = response.message;
// 在網頁上展示服務器響應的提示信息
$("#message").text(message);
}
});
});

在以上兩個示例中，可以注意到dataType參數用于指定服務器響應的數據類型為JSON，這樣AJAX可以自動將返回的JSON數據解析為JavaScript對象或數組，方便使用。

需要注意的是，AJAX請求是異步的，意味著JavaScript代碼不會因為AJAX請求而阻塞。這使得我們可以在等待服務器響應時繼續執行其他操作，而無需等待響應返回。同時，AJAX請求也提供了回調函數，用于處理請求成功或失敗的情況。

綜上所述，AJAX和JSON的使用為我們實現了更加靈活和高效的網頁交互。通過AJAX實現異步請求和響應，加上JSON作為數據交換格式，我們可以實現更快速的頁面加載和動態更新，提升用戶體驗。