使用Ajax讀取JSON文件并展示的方法如下:
1. 創建XMLHttpRequest對象
var xmlhttp = new XMLHttpRequest();
2. 發送請求
xmlhttp.open("GET", "data.json", true);
xmlhttp.send();
3. 監聽請求狀態變化
xmlhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
// 處理響應數據
}
};
4. 處理響應數據
var data = JSON.parse(xmlhttp.responseText);
// 對數據進行展示
完整代碼示例:
var xmlhttp = new XMLHttpRequest();
xmlhttp.open("GET", "data.json", true);
xmlhttp.send();
xmlhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
var data = JSON.parse(xmlhttp.responseText);
// 對數據進行展示
}
};
其中,data.json是需要讀取的JSON文件的路徑,可以根據實際情況進行修改。讀取到的數據可以通過JSON.parse()方法將JSON格式的字符串轉換成JavaScript對象,然后進行展示。