AJAX（Asynchronous JavaScript and XML）是一種在Web開發(fā)中常用的技術(shù)，它可以使網(wǎng)頁在不刷新的情況下與服務(wù)器進行異步通信。通常情況下，我們使用AJAX來獲取服務(wù)器端的數(shù)據(jù)并且動態(tài)地將其展示在網(wǎng)頁上。而本地JSON文件是一種常見的數(shù)據(jù)格式，我們可以使用AJAX來讀取和解析本地JSON文件，從而實現(xiàn)數(shù)據(jù)的展示和交互。

舉個例子，假設(shè)我們正在開發(fā)一個電影信息的網(wǎng)站，我們希望從本地的JSON文件中讀取電影的相關(guān)數(shù)據(jù)。在HTML文件中，我們可以通過AJAX請求來獲取JSON文件的內(nèi)容：

// 定義一個AJAX請求
var xhr = new XMLHttpRequest();
// 打開請求
xhr.open('GET', 'movies.json', true);
// 發(fā)送請求
xhr.send();
// 監(jiān)聽請求的狀態(tài)變化
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
var movies = JSON.parse(xhr.responseText);
// 這里可以對獲取到的數(shù)據(jù)進行展示和操作
}
};

在上面的示例中，我們定義了一個AJAX請求，然后通過open方法指定了請求的類型（GET）和URL（movies.json）。然后，我們使用send方法發(fā)送請求并且通過監(jiān)聽onreadystatechange事件來獲取從服務(wù)器返回的數(shù)據(jù)。當請求的狀態(tài)變?yōu)?（即請求已完成）且狀態(tài)碼為200（即請求成功）時，我們使用JSON.parse方法將返回的數(shù)據(jù)解析為一個JavaScript對象，然后可以在代碼中使用這些數(shù)據(jù)來展示和操作。

假設(shè)我們的movies.json文件像下面這樣：

[
{
"title": "The Shawshank Redemption",
"director": "Frank Darabont",
"genre": "Drama"
},
{
"title": "Inception",
"director": "Christopher Nolan",
"genre": "Action"
},
{
"title": "The Godfather",
"director": "Francis Ford Coppola",
"genre": "Crime"
}
]

在上面的例子中，我們從本地的JSON文件中獲取了電影的信息，并且可以使用JavaScript來展示這些信息，比如將電影標題顯示在一個列表中：

var moviesList = document.getElementById('movies-list');
movies.forEach(function(movie) {
var movieItem = document.createElement('li');
movieItem.innerText = movie.title;
moviesList.appendChild(movieItem);
});

在上面的代碼中，我們首先獲取了一個具有ID為"movies-list"的元素，然后使用forEach方法遍歷movies數(shù)組中的每個電影對象，并且創(chuàng)建一個新的li元素，將電影標題添加到li元素中，最后將li元素添加到movies-list元素中。

通過上面的例子，我們可以看到，使用AJAX讀取和解析本地JSON文件可以很方便地實現(xiàn)數(shù)據(jù)的動態(tài)展示并且提供交互功能。無論是電影信息的網(wǎng)站還是其他類似的應用，我們都可以利用這種技術(shù)來解析和展示本地的JSON數(shù)據(jù)。