在現(xiàn)代Web應(yīng)用中，AJAX是非常重要的技術(shù)之一。它在不刷新整個頁面的前提下，能夠向服務(wù)器發(fā)送請求獲取數(shù)據(jù)并更新網(wǎng)頁。本文將介紹如何使用AJAX從服務(wù)器獲取JSON數(shù)據(jù)。

首先，需要創(chuàng)建一個XMLHttpRequest對象，或者使用第三方庫如jQuery中封裝的$.ajax()函數(shù)。以下是使用原生JavaScript創(chuàng)建XMLHttpRequest對象的示例：

var xhr = new XMLHttpRequest();
xhr.open('GET', '/api/data', true);
xhr.setRequestHeader('Content-type', 'application/json');
xhr.onreadystatechange = function() {
if (xhr.readyState === XMLHttpRequest.DONE && xhr.status === 200) {
var response = JSON.parse(xhr.responseText);
// 在這里處理響應(yīng)數(shù)據(jù)
}
};
xhr.send();

這段代碼通過XMLHttpRequest對象向服務(wù)器發(fā)送GET請求，同時設(shè)置請求頭的Content-type，以確保服務(wù)器返回JSON數(shù)據(jù)。onreadystatechange函數(shù)中，判斷XMLHttpRequest對象的就緒狀態(tài)和響應(yīng)狀態(tài)碼，如果狀態(tài)正確，則解析響應(yīng)數(shù)據(jù)，進(jìn)行后續(xù)處理。

通過jQuery發(fā)送AJAX請求也非常簡單，以下是使用$.ajax()函數(shù)發(fā)送請求的示例：

$.ajax({
url: '/api/data',
type: 'GET',
contentType: 'application/json',
success: function(response) {
// 在這里處理響應(yīng)數(shù)據(jù)
},
error: function(xhr, status, errorThrown) {
console.error('Error: ' + errorThrown);
}
});

這段代碼與XMLHttpRequest的示例類似，不同的是使用了jQuery的$.ajax()函數(shù)，可讀性更強(qiáng)。在success回調(diào)函數(shù)中，處理返回的數(shù)據(jù)。如果請求失敗，error回調(diào)函數(shù)會打印錯誤信息。

總之，使用AJAX獲取JSON數(shù)據(jù)是非常簡單的，而JSON格式也非常靈活，能夠滿足大部分的數(shù)據(jù)需求。在實踐中，需要注意CORS（跨域資源共享）等安全方面的問題，以及網(wǎng)絡(luò)請求過程中可能出現(xiàn)的錯誤，保證網(wǎng)頁正常運行。