在現代Web開發中，經常會遇到需要定時從服務器獲取實時數據的需求。而使用傳統的頁面刷新是低效且不友好的解決方案。為了解決這個問題，我們可以通過Ajax異步請求來實現定時獲取JSON數據。本文將介紹如何使用Ajax實現定時獲取JSON數據，并通過多個示例來說明其用法。

首先，讓我們來看一個簡單的示例。假設我們正在開發一個天氣預報應用程序，需要每隔一段時間從服務器獲取最新的天氣數據。我們可以使用Ajax進行異步請求，并將服務器返回的JSON數據解析和展示在頁面上。

'use strict';
function getWeatherData() {
$.ajax({
url: '/weather',  // 服務器請求地址
type: 'GET',  // 請求類型
dataType: 'json',  // 服務器返回數據類型
success: function(data) {
displayWeatherData(data);  // 展示天氣數據
},
error: function(xhr, status, error) {
console.error('Failed to retrieve weather data:', error);
}
});
}
function displayWeatherData(data) {
// 解析和展示天氣數據的邏輯
}
// 每隔一段時間獲取天氣數據
setInterval(getWeatherData, 30000);

在上面的示例中，我們定義了一個getWeatherData函數來發送異步的Ajax請求。當獲取到服務器返回的JSON數據時，我們將調用displayWeatherData函數來解析和展示數據。最后，我們使用setInterval函數來定時調用getWeatherData函數，以每30秒刷新一次天氣數據。

除了定時獲取天氣數據，Ajax定時獲取JSON數據的用法也可以應用于其他場景，比如展示實時股票價格。假設我們正在開發一個股票市場監控應用程序，需要每隔一段時間從服務器獲取最新的股票價格數據，并根據數據實時更新頁面上的股票價格列表。

'use strict';
function getStockPrices() {
$.ajax({
url: '/stock-prices', // 服務器請求地址
type: 'GET',  // 請求類型
dataType: 'json',  // 服務器返回數據類型
success: function(data) {
updateStockList(data);  // 更新股票價格列表
},
error: function(xhr, status, error) {
console.error('Failed to retrieve stock prices:', error);
}
});
}
function updateStockList(data) {
// 更新股票價格列表的邏輯
}
// 每隔一段時間獲取股票價格數據
setInterval(getStockPrices, 5000);

在以上示例中，我們定義了一個getStockPrices函數來定時發送Ajax請求以獲取最新的股票價格數據。當獲取到數據后，我們將調用updateStockList函數來更新頁面上的股票價格列表。最后，我們使用setInterval函數來定時調用getStockPrices函數，以每5秒刷新一次股票價格。

總結來說，通過使用Ajax定時獲取JSON數據，我們可以實現頁面上實時數據的展示，而無需手動刷新頁面。這種方法在開發需要實時更新數據的Web應用程序中非常有用。無論是天氣預報應用程序還是股票市場監控應用程序，都可以使用Ajax定時獲取JSON數據來實現數據的定時更新，提升用戶體驗。