AJAX（Asynchronous JavaScript and XML）是一種用于在Web應用程序中實現異步數據交互的技術。其通過在后臺與服務器進行數據的交換，可以實現頁面內容的無刷新更新。本文將重點介紹如何使用AJAX來刷新JSON多維數組。

在我們的日常開發工作中，經常會遇到需要更新頁面上一些特定元素的情況。一種常見的解決方案是使用AJAX來發送異步請求，從服務器獲取最新的數據，并將其應用到頁面上。而JSON多維數組則為我們提供了一種便捷的數據結構，可以方便地存儲和操作多層級的數據。

假設我們有一個網站，用于展示不同城市的天氣情況。我們可以通過AJAX發送請求，從服務器獲取最新的天氣數據。假設這些數據結構如下所示：

{
"cities": [
{
"name": "北京",
"temperature": "35",
"humidity": "50"
},
{
"name": "上海",
"temperature": "30",
"humidity": "60"
},
{
"name": "廣州",
"temperature": "28",
"humidity": "70"
}
]
}

現在我們希望在頁面上顯示這些城市的天氣信息，并且能夠定時自動刷新以獲取最新數據。使用AJAX可以輕松實現這個需求。首先，我們需要一個用于顯示天氣信息的HTML元素，比如一個列表：

<ul id="weather-list">
<li></li>
<li></li>
<li></li>
</ul>

然后，我們可以通過以下代碼來實現AJAX請求和刷新JSON多維數組：

var weatherList = document.getElementById('weather-list');
function refreshWeather() {
var xmlhttp = new XMLHttpRequest();
xmlhttp.onreadystatechange = function() {
if (xmlhttp.readyState === 4 && xmlhttp.status === 200) {
var data = JSON.parse(xmlhttp.responseText);
var cities = data.cities;
for (var i = 0; i< cities.length; i++) {
var city = cities[i];
var listItem = weatherList.childNodes[i];
listItem.innerHTML = city.name + '：溫度 ' + city.temperature + '℃，濕度 ' + city.humidity;
}
}
};
xmlhttp.open("GET", "weather.json", true);
xmlhttp.send();
}
refreshWeather();
setInterval(refreshWeather, 60000);  // 每一分鐘刷新一次天氣數據

在上面的代碼中，我們使用了XMLHttpRequest對象發送GET請求，并監聽其onreadystatechange事件，以便在請求完成后獲取到服務器返回的天氣數據。一旦數據返回，我們將其解析為JSON對象，然后在頁面上更新對應的天氣信息。

通過使用setInterval函數，我們可以定時調用refreshWeather函數，從而實現頁面的自動刷新。在這個例子中，我們將每一分鐘刷新一次數據。

使用AJAX和JSON多維數組可以幫助我們實現實時更新頁面上的數據，而不需要進行頁面的完全刷新。這種技術在許多場景下都非常有用，比如社交媒體更新、實時股票報價等。通過合理使用AJAX和JSON多維數組，我們可以為用戶提供更好的交互和用戶體驗。