demo_ajax_json.js是一個用于演示如何通過JavaScript使用Ajax獲取和處理JSON數據的示例應用程序。

Ajax（Asynchronous JavaScript and XML）是一種用于創建動態Web應用程序的技術，它使得Web頁面能夠在不必重新加載整個頁面的情況下更新部分內容，從而提升了用戶體驗。而JSON（JavaScript Object Notation）是一種輕量級的數據交換格式，它與JavaScript語言緊密相關，在Web開發中廣泛應用。

// 獲取JSON數據的函數
function loadJSON(url, callback) {
var xhr = new XMLHttpRequest();
xhr.open('GET', url, true);
xhr.responseType = 'json';
xhr.onload = function() {
var status = xhr.status;
if (status === 200) {
callback(null, xhr.response);
} else {
callback(status, xhr.response);
}
};
xhr.send();
}
// 調用loadJSON函數并處理返回的JSON數據
loadJSON('data.json', function(error, data) {
if (error) {
console.log('Error loading JSON file');
} else {
console.log('JSON data:', data);
// 在頁面上顯示JSON數據
var output = document.getElementById('output');
for (var i = 0; i< data.length; i++) {
var item = data[i];
var div = document.createElement('div');
div.innerHTML = item.name + ' - ' + item.email;
output.appendChild(div);
}
}
});

在這個示例中，我們定義了一個名為loadJSON的函數，它接受一個URL和一個回調函數，然后使用XMLHttpRequest對象通過GET方法獲取JSON數據，并將數據作為JSON對象傳遞給回調函數。如果出現錯誤，回調函數會在第一個參數中返回錯誤信息，否則在第二個參數中返回JSON數據。

調用loadJSON函數后，我們在回調函數中使用返回的JSON數據來更新頁面上的內容。具體來說，我們使用JavaScript動態創建幾個