AJAX（Asynchronous JavaScript and XML）是一种在无需重新加载整个页面的情况下，与服务器交换数据并更新部分网页内容的技术，通过AJAX，开发者可以将JSON（JavaScript Object Notation）数据格式作为服务器与客户端之间的数据交换格式，JSON是一种轻量级的数据交换语言，易于人阅读和编写，同时也易于机器解析和生成。
要使用AJAX读取并格式化JSON数据，首先需要创建一个XMLHttpRequest对象，用于与服务器进行通信，接下来，通过创建一个新的HTTP请求，指定请求类型（GET或POST）、URL以及请求完成后的回调函数，在回调函数中，我们需要解析返回的JSON数据，并将其格式化以便于展示。
以下是一个简单的示例，展示如何使用AJAX读取并格式化JSON数据：
1、创建XMLHttpRequest对象：
var xhr = new XMLHttpRequest();
2、配置请求类型、URL和请求完成后的回调函数：
xhr.open('GET', 'data.json', true);
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
var jsonResponse = JSON.parse(xhr.responseText);
displayData(jsonResponse);
}
};
3、发送请求并处理JSON响应：
xhr.send();
function displayData(data) {
var output = '';
for (var i = 0; i < data.length; i++) {
output += '<li>' + data[i].name + ': ' + data[i].value + '</li>';
}
document.getElementById('dataList').innerHTML = output;
}
在这个示例中，我们首先创建了一个XMLHttpRequest对象，并通过其open方法配置了请求，我们定义了一个回调函数，用于在请求完成后解析JSON响应，我们将解析后的数据格式化为HTML列表，并将其插入到页面中的指定元素。
常见问题与解答：
Q1: 如何处理AJAX请求中的错误？
A1: 可以在XMLHttpRequest对象的onreadystatechange事件处理器中检查请求的状态码，如果状态码不是200（即请求成功），则表示请求出现了错误，此时，可以使用alert或console.log输出错误信息，以便调试和修复问题。
Q2: 如何在AJAX请求中发送POST请求？
A2: 在创建XMLHttpRequest对象并调用open方法时，将请求类型设置为'POST'，还需要调用send方法，并传递要发送的数据。
xhr.open('POST', 'data.json', true);
xhr.setRequestHeader('Content-Type', 'application/json');
xhr.send(JSON.stringify({key: 'value'}));
Q3: 如何在AJAX请求中处理跨域问题？
A3: 跨域问题通常是由于浏览器的同源策略引起的，要解决这个问题，可以在服务器端设置CORS（Cross-Origin Resource Sharing）策略，允许特定的外部域访问资源，也可以使用JSONP（JSON with Padding）或代理服务器等技术来绕过跨域限制。