JSON是一種輕量級(jí)的數(shù)據(jù)交換格式，它通過(guò)鍵值對(duì)的形式傳遞數(shù)據(jù)，適用于前后端分離的Web開(kāi)發(fā)。接下來(lái)我們將詳細(xì)介紹JSON如何傳遞數(shù)據(jù)。

首先，我們需要了解一個(gè)重要的對(duì)象——XMLHttpRequest，它是在JS中進(jìn)行HTTP請(qǐng)求的核心對(duì)象。我們可以通過(guò)XMLHttpRequest對(duì)象將JSON數(shù)據(jù)傳遞給后端，也可以從后端獲取JSON數(shù)據(jù)。

//發(fā)送JSON數(shù)據(jù)到后端
let xhr = new XMLHttpRequest();
xhr.open('POST', '/api/data');
xhr.setRequestHeader('Content-Type', 'application/json;charset=UTF-8');
xhr.send(JSON.stringify({name: '小明', age: 18}));
//獲取后端返回的JSON數(shù)據(jù)
let xhr = new XMLHttpRequest();
xhr.open('GET', '/api/data', true);
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
let data = JSON.parse(xhr.responseText);
}
}
xhr.send();

上述代碼展示了如何使用XMLHttpRequest對(duì)象傳遞JSON數(shù)據(jù)。在發(fā)送數(shù)據(jù)時(shí)，我們需要設(shè)置請(qǐng)求的方法、請(qǐng)求頭和請(qǐng)求體。在獲取數(shù)據(jù)時(shí)，我們需要監(jiān)聽(tīng)XMLHttpRequest對(duì)象的readyState和status屬性來(lái)確保請(qǐng)求已完成且沒(méi)有錯(cuò)誤，然后通過(guò)JSON.parse()方法將響應(yīng)文本轉(zhuǎn)換為JS對(duì)象。

除了使用XMLHttpRequest對(duì)象，我們還可以使用jQuery框架提供的ajax方法來(lái)傳遞JSON數(shù)據(jù)。該方法具有更高的抽象層級(jí)，不需要手動(dòng)設(shè)置請(qǐng)求頭和請(qǐng)求體，可以讓我們更加專注于業(yè)務(wù)邏輯的編寫(xiě)。

//使用jQuery傳遞JSON數(shù)據(jù)
$.ajax({
method: 'POST',
url: '/api/data',
data: {name: '小明', age: 18},
dataType: 'json'
})
.done(function(data) {
//處理后端返回的JSON數(shù)據(jù)
})
.fail(function(jqXHR, textStatus, errorThrown) {
//處理請(qǐng)求錯(cuò)誤
});

總之，JSON是一種非常方便的數(shù)據(jù)交換格式，我們可以使用XMLHttpRequest對(duì)象或jQuery框架傳遞JSON數(shù)據(jù)，從而實(shí)現(xiàn)前后端數(shù)據(jù)的高效交互。