JSON是一種輕量級的數據交換格式，常被用于前后端數據交互。那么我們如何在前端使用JavaScript獲取JSON格式的接口數據呢？

首先，我們需要使用XMLHttpRequest對象或jQuery.ajax()方法向接口發送請求并獲取數據。下面是使用ajax獲取數據的示例代碼：

$.ajax({
url: "http://example.com/api/data",
type: "GET",
dataType: "json",
success: function(data) {
console.log(data);
},
error: function(jqXHR, textStatus, errorThrown) {
console.log(textStatus, errorThrown);
}
});

其中，url表示接口地址，type表示請求類型，dataType表示需要接收的數據類型，success表示請求成功時的回調函數，error表示請求失敗時的回調函數。

如果使用XMLHttpRequest對象，示例代碼如下：

var xhr = new XMLHttpRequest();
xhr.open("GET", "http://example.com/api/data");
xhr.onreadystatechange = function() {
if (xhr.readyState == 4 && xhr.status == 200) {
var data = JSON.parse(xhr.responseText);
console.log(data);
}
};
xhr.send();

在獲取到JSON數據后，我們可以用JavaScript對數據進行操作和展示。例如，我們可以通過遍歷JSON對象獲取其中的屬性和值：

// 假設JSON數據如下
var data = {
"name": "小明",
"age": 18,
"score": {
"math": 90,
"english": 85
}
};
// 遍歷JSON對象
for (var key in data) {
if (typeof data[key] == "object") { // 判斷是否為對象
// 遍歷子對象
for (var subKey in data[key]) {
console.log(subKey + ": " + data[key][subKey]);
}
} else {
console.log(key + ": " + data[key]);
}
}

通過以上操作，我們就可以很方便地在前端獲取和處理JSON格式的接口數據了。