JSON是一種輕量級(jí)的數(shù)據(jù)交換格式，常用于Web應(yīng)用中傳遞數(shù)據(jù)。與XML相比，JSON更加輕巧和易于解析。在Web開發(fā)中，我們常常需要從一個(gè)JSON數(shù)據(jù)源中獲取數(shù)據(jù)，然后使用JavaScript將其呈現(xiàn)到頁(yè)面上。

下面我們來(lái)看一下如何通過(guò)JavaScript獲取JSON數(shù)據(jù)：

const request = new XMLHttpRequest();
request.open('GET', '/data.json');
request.responseType = 'json';
request.send();
request.onload = function() {
const jsonObj = request.response;
console.log(jsonObj);
}

首先，我們創(chuàng)建了一個(gè)XMLHttpRequest對(duì)象，通過(guò)GET請(qǐng)求獲取data.json文件中的JSON數(shù)據(jù)。在request對(duì)象上設(shè)置responseType屬性為json，表示請(qǐng)求響應(yīng)的內(nèi)容類型為JSON。

當(dāng)請(qǐng)求完成后，我們能夠從response屬性中讀取到JSON數(shù)據(jù)，并將其賦值給一個(gè)變量（這里命名為jsonObj）。此時(shí)，我們就能夠在控制臺(tái)中打印出這個(gè)JSON對(duì)象了。

接下來(lái)，我們可以使用JavaScript操作這個(gè)JSON對(duì)象，將其呈現(xiàn)到頁(yè)面上：

const request = new XMLHttpRequest();
request.open('GET', '/data.json');
request.responseType = 'json';
request.send();
request.onload = function() {
const jsonObj = request.response;
const container = document.querySelector('#container');
jsonObj.forEach(item => {
const p = document.createElement('p');
p.textContent = item.name;
container.appendChild(p);
});
}

在這里，我們首先獲取了一個(gè)DOM元素（id為container的元素），然后遍歷JSON對(duì)象中的每個(gè)元素，并使用JavaScript構(gòu)造了一個(gè)新的p元素，并將其添加到容器元素中。

以上就是獲取和操作JSON數(shù)據(jù)的方法了。當(dāng)然，在實(shí)際開發(fā)中，我們可能會(huì)使用其他庫(kù)或框架來(lái)簡(jiǎn)化這個(gè)過(guò)程，如jQuery或React等。