要訪問本地的JSON文件,可以使用AJAX的XMLHttpRequest對象來發送一個GET請求。以下是一個使用AJAX訪問本地JSON文件的示例代碼:
var xhr = new XMLHttpRequest();
xhr.open('GET', 'path/to/file.json', true);
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
var data = JSON.parse(xhr.responseText);
// 在這里使用獲取到的數據data
}
};
xhr.send();
在上面的代碼中,通過調用XMLHttpRequest對象的open方法來指定請求的類型,這里使用GET請求。第一個參數是文件的路徑,可以是相對路徑或絕對路徑。第二個參數是一個布爾值,表示請求是否異步進行。然后通過onreadystatechange事件處理程序來監聽請求的狀態變化,當readyState為4且status為200時,表示請求成功,可以通過responseText來獲取響應的內容,然后使用JSON.parse方法將其解析為JSON對象。
請注意,由于瀏覽器的安全策略,直接通過AJAX訪問本地文件可能會導致跨域問題。在開發階段,可以使用一個本地的HTTP服務器來模擬服務器環境,例如使用Node.js的http-server模塊或Python的SimpleHTTPServer模塊。