AJAX是一種用于創建快速動態網頁的技術。與傳統的網頁加載方式不同，AJAX使用JavaScript和XMLHttpRequest對象實現異步通信，能夠在不刷新整個頁面的情況下向服務器發送請求并獲取響應。在實際開發中，常常需要向服務器傳遞和接收JSON數據類型，這種數據格式能夠方便地表示復雜的數據結構。本文將詳細介紹如何使用AJAX傳遞JSON類型的數據，并通過具體的示例來說明。

在使用AJAX傳遞JSON數據類型時，我們需要使用XMLHttpRequest對象來發送和接收數據。首先，我們需要創建一個XMLHttpRequest對象，然后設置請求的方式、URL地址和是否異步等參數。接下來，我們可以利用該對象的open()方法來打開一個連接，并發送請求。

var xhr = new XMLHttpRequest(); 
xhr.open('POST', 'https://api.example.com/data', true);

在發送請求之前，我們需要將JSON數據轉換為字符串，并設置請求頭Content-Type為application/json。這樣，服務器才能正確地解析并處理接收到的數據。

var requestData = { 
name: 'John', 
age: 25 
}; 
var jsonString = JSON.stringify(requestData); 
xhr.setRequestHeader('Content-Type', 'application/json');

之后，我們可以通過XMLHttpRequest對象的send()方法將數據發送給服務器。在響應到達后，可以通過XMLHttpRequest對象的responseText或responseJSON屬性獲取服務器返回的數據。

xhr.send(jsonString); 
console.log(xhr.responseJSON);

舉例來說，假設我們需要向服務器傳遞一個包含學生信息的JSON對象，并獲取服務器返回的成績。我們可以創建一個包含學生姓名和成績的JSON對象，然后使用AJAX將其發送給服務器。

var studentData = { 
name: 'Alice', 
grades: [70, 85, 95] 
}; 
var xhr = new XMLHttpRequest(); 
xhr.open('POST', 'https://api.example.com/scores', true); 
var jsonString = JSON.stringify(studentData); 
xhr.setRequestHeader('Content-Type', 'application/json'); 
xhr.send(jsonString); 
console.log(xhr.responseJSON);

通過以上示例，我們可以看到如何使用AJAX傳遞JSON類型的數據。首先，我們創建了一個包含學生信息的JSON對象，并將其轉換為字符串。然后，我們使用AJAX發送了一個POST請求，服務器將處理接收到的JSON數據，并返回一個包含成績的JSON對象。最后，我們使用responseJSON獲取了服務器返回的數據，并在控制臺上進行了輸出。

總之，使用AJAX傳遞JSON數據類型可以方便地實現前后端的數據交互。通過將JSON數據轉換為字符串并設置請求頭Content-Type為application/json，我們能夠向服務器發送復雜的數據結構，并獲取服務器返回的數據。在實際開發中，我們可以根據自己的需求將AJAX和JSON相結合，實現更加靈活和高效的網頁交互。