Ajax（Asynchronous JavaScript and XML）是一種在Web應用程序中實現異步數據交互的技術。使用Ajax，我們可以在不重新加載整個頁面的情況下，與服務器交換數據并更新部分頁面內容。本文將介紹如何使用Ajax在前端獲取JSON數據，并給出一些實際的例子。

在前端中，使用Ajax獲取JSON數據非常常見。JSON（JavaScript Object Notation）是一種輕量級的數據交換格式，適用于不同語言之間的數據傳輸。與XML相比，JSON更加簡潔和易于理解。我們可以使用Ajax來請求一個URL，該URL返回一個JSON格式的數據，并在前端進行解析和使用。

下面是一個使用Ajax在前端獲取JSON數據的例子：

```
var xmlhttp = new XMLHttpRequest();
xmlhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
var json = JSON.parse(this.responseText);
document.getElementById("result").innerHTML = json.name;
}
};
xmlhttp.open("GET", "data.json", true);
xmlhttp.send();
```

在上面的例子中，我們創建了一個`XMLHttpRequest`對象，該對象用于與服務器交換數據。然后我們指定了一個`onreadystatechange`事件處理函數，在每次狀態改變時被調用。在`readyState`為4（已完成）且`status`為200（成功）的情況下，我們使用`JSON.parse()`函數解析服務器返回的JSON數據，并將其中的`name`字段的值賦給頁面中的某個元素。

當然，實際應用中，我們需要將上面的例子進行適當的修改，以適應不同的需求和場景。例如，我們可以通過在URL中添加參數來傳遞額外的信息給服務器，或者使用POST方法向服務器提交數據。我們還可以通過在`open`方法中指定第三個參數為`false`，將請求設置為同步，而非異步。這樣，在請求未完成時，代碼會阻塞在那里，直到請求完成并返回結果。

除了上面的基本例子，還有許多其他的情況下我們需要使用Ajax來獲取JSON數據。例如，當我們需要實時更新一個股票價格，或者獲取最新的天氣預報數據時，都可以通過Ajax來實現。下面是一個獲取天氣預報的例子：

```
var xmlhttp = new XMLHttpRequest();
var city = "Beijing";
var url = "https://api.weatherapi.com/v1/current.json?key=YOUR_API_KEY&q=" + city;
xmlhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
var json = JSON.parse(this.responseText);
document.getElementById("result").innerHTML = "當前溫度為：" + json.current.temp_c + "℃";
}
};
xmlhttp.open("GET", url, true);
xmlhttp.send();
```

在上面的例子中，我們通過發送一個請求，獲取指定城市的天氣預報數據。這里使用了一個實際的天氣API（需要替換成你自己的API Key），并使用了該API提供的JSON數據。在成功獲取到JSON數據后，我們獲取其中的`current.temp_c`字段的值，并將其展示在頁面中。

總而言之，Ajax是一種非常有用的技術，可以實現前端與服務器之間的數據交互。通過使用Ajax，我們可以方便地在前端獲取JSON數據，并在網頁中進行解析和使用。無論是簡單的例子，還是更復雜的應用，Ajax都能夠滿足我們的需求。希望通過本文的介紹，讀者能夠更加了解和掌握Ajax的使用。