最近在學習前端開發，發現很多網站都是使用JSON數據進行交互的。于是我開始研究如何在網頁中調用JSON數據。

最簡單的方法就是使用AJAX技術，通過GET請求獲取JSON數據。在代碼中，我們需要使用XMLHttpRequest對象來實現

var xhr = new XMLHttpRequest();
xhr.open("GET", "data.json", true);
xhr.onreadystatechange = function () {
if (xhr.readyState === 4 && xhr.status === 200) {
var data = JSON.parse(xhr.responseText);
console.log(data);
}
};
xhr.send();

以上的代碼中，我們首先定義了一個XHR對象，然后使用open方法進行請求規則的設置，第一個參數為請求方式，一般為GET或POST；第二個參數為請求的地址；第三個參數為同步或異步的方式。

接下來是onreadystatechange事件，這個事件會在XHR對象的狀態變化的時候觸發（state的狀態值從0~4），最后是HTTP狀態碼status，這里判斷200表示請求成功。

最后，我們使用JSON.parse()方法把字符串轉換成JSON對象，進行操作和使用即可。

總結一下，通過以上代碼，我們可以實現在前端頁面中獲取JSON數據并進行操作。這樣的技術在實際開發中有著廣泛的應用，非常重要。