JSON（JavaScript Object Notation）是一種輕量級的數據交換格式，常用于前后端數據傳輸。在前端開發中，我們可以使用AJAX技術，通過JSON格式獲取網頁數據。

首先，我們需要創建一個XMLHttpRequest對象，并使用open方法打開一個HTTP請求，其中第一個參數為請求方式，第二個參數為請求地址，第三個參數為是否開啟異步請求。然后，我們需要設置請求頭，使其能接收JSON格式的數據：

var xhr = new XMLHttpRequest();
xhr.open("GET", "http://example.com/data.json", true);
xhr.setRequestHeader("Content-type", "application/json");

接著，我們需要監聽xhr對象的onload事件，當數據加載完成后，我們可以使用JSON.parse方法將返回的JSON格式數據解析為JavaScript對象：

xhr.onload = function() {
if (xhr.status === 200) {
var data = JSON.parse(xhr.responseText);
console.log(data);
}
};

最后，我們可以根據數據結構，將數據渲染到頁面上：

xhr.onload = function() {
if (xhr.status === 200) {
var data = JSON.parse(xhr.responseText);
var html = "";
data.forEach(function(item) {
html += "<div>" + item.title + "</div>";
});
document.getElementById("content").innerHTML = html;
}
};

在以上代碼中，我們使用了forEach方法遍歷data數組，并將每個item的title屬性渲染到一個div元素中，最后將所有元素添加到id為content的父元素中。