AJAX（Asynchronous JavaScript and XML）是一種用于創建交互式網頁應用程序的編程技術。它使用JavaScript在后臺與服務器進行數據交換，可以在不重新加載整個頁面的情況下更新頁面的部分內容。在本文中，我們將介紹如何使用AJAX來讀取本地的JSON文件。

假設我們有一個名為data.json的本地JSON文件，包含以下數據：

{
"name": "John Doe",
"age": 25,
"city": "New York"
}

要使用AJAX來讀取這個本地JSON文件，我們可以使用XMLHttpRequest對象。下面是讀取本地JSON文件的示例代碼：

<script>
var xhr = new XMLHttpRequest();
xhr.open("GET", "data.json", true);
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
var data = JSON.parse(xhr.responseText);
console.log(data.name);
console.log(data.age);
console.log(data.city);
}
};
xhr.send();
</script>

在上面的代碼中，我們首先創建了一個XMLHttpRequest對象xhr。然后，我們使用xhr.open()方法來指定要讀取的文件的URL。第三個參數設置為true，表示要進行異步請求。接下來，我們使用xhr.onreadystatechange屬性來設置一個回調函數，該函數在請求狀態變化時被調用。當readystate為4，即請求已完成，并且status為200時，表示請求成功。在這種情況下，我們使用JSON.parse()方法將返回的JSON字符串轉換為JavaScript對象，然后可以使用該對象的屬性進行進一步操作。

在上面的例子中，我們使用console.log()方法將獲得的數據打印到瀏覽器的開發者工具控制臺中。您可以根據自己的需要進行進一步的操作，例如將數據顯示在頁面上。

另一個實際的例子是使用jQuery庫中的ajax()方法來讀取本地JSON文件：

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
$.ajax({
url: "data.json",
dataType: "json",
success: function(data) {
console.log(data.name);
console.log(data.age);
console.log(data.city);
}
});
</script>

在上述代碼中，我們使用jQuery的ajax()方法來發送異步請求。我們指定了data.json作為URL，并將dataType設置為"json"，以告知jQuery我們期望接收JSON數據。在請求成功時，我們可以訪問返回的數據，在這個例子中，我們使用console.log()方法將數據打印到控制臺中。

通過使用AJAX從本地讀取JSON文件，我們可以在不重新加載整個頁面的情況下獲取和更新數據。這種方法在開發交互式網頁應用程序時非常有用，因為它可以提供更流暢和響應的用戶體驗。