JSON是一種輕量級的數據交換格式，常用于Web應用中傳遞數據。與XML相比，JSON更加輕巧和易于解析。在Web開發中，我們常常需要從一個JSON數據源中獲取數據，然后使用JavaScript將其呈現到頁面上。

下面我們來看一下如何通過JavaScript獲取JSON數據：

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

首先，我們創建了一個XMLHttpRequest對象，通過GET請求獲取data.json文件中的JSON數據。在request對象上設置responseType屬性為json，表示請求響應的內容類型為JSON。

當請求完成后，我們能夠從response屬性中讀取到JSON數據，并將其賦值給一個變量（這里命名為jsonObj）。此時，我們就能夠在控制臺中打印出這個JSON對象了。

接下來，我們可以使用JavaScript操作這個JSON對象，將其呈現到頁面上：

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);
});
}

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

以上就是獲取和操作JSON數據的方法了。當然，在實際開發中，我們可能會使用其他庫或框架來簡化這個過程，如jQuery或React等。