在现代Web开发中，AJAX（Asynchronous JavaScript and XML）已经成为一种非常重要的技术，它允许我们在不重新加载整个页面的情况下与服务器进行交互，通过使用AJAX，我们可以创建快速且具有动态内容的Web应用程序，在本文中，我们将探讨如何使用AJAX发送JSON请求。
我们需要了解JSON（JavaScript Object Notation）是一种轻量级的数据交换格式，它易于人阅读和编写，同时也易于机器解析和生成，JSON已成为现代Web应用程序中数据传输的首选格式。
要使用AJAX发送JSON请求，我们需要创建一个XMLHttpRequest对象，这是一个浏览器提供的内置对象，用于在后台与服务器进行通信，接下来，我们需要为这个对象设置一个回调函数，当请求状态发生变化时，这个函数将被调用，在这个回调函数中，我们可以根据服务器返回的数据来更新页面内容。
下面是一个简单的示例，展示了如何使用AJAX发送JSON请求：
// 创建一个新的XMLHttpRequest对象
var xhr = new XMLHttpRequest();
// 设置请求类型、URL以及异步处理请求
xhr.open('GET', 'https://api.example.com/data', true);
// 设置请求头，告诉服务器我们期望接收JSON格式的响应
xhr.setRequestHeader('Accept', 'application/json');
// 当请求状态发生变化时，调用这个回调函数
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
// 请求成功，解析返回的JSON数据
var data = JSON.parse(xhr.responseText);
console.log(data);
}
};
// 发送请求
xhr.send();
在这个示例中，我们首先创建了一个XMLHttpRequest对象，然后设置了请求的类型（GET）、URL以及异步处理请求，我们还设置了请求头，告诉服务器我们期望接收JSON格式的响应，接下来，我们为请求状态变化设置了回调函数，并在回调函数中解析返回的JSON数据，我们发送了请求。
常见问题与解答
Q1: 如何处理跨域请求？
A1: 跨域请求通常是由于浏览器的同源策略引起的，要处理跨域请求，你可以在服务器端设置CORS（Cross-Origin Resource Sharing）策略，这通常通过在服务器响应头中添加Access-Control-Allow-Origin来实现。
Q2: 如何发送POST请求？
A2: 要发送POST请求，你需要在xhr.open()方法中将请求类型设置为'POST'，并在xhr.send()方法中发送要发送的数据。
xhr.open('POST', 'https://api.example.com/data', true);
xhr.setRequestHeader('Content-Type', 'application/json');
xhr.send(JSON.stringify({ key: 'value' }));
Q3: 如何处理错误和网络问题？
A3: 要处理错误和网络问题，你可以在xhr.onreadystatechange回调函数中检查xhr.status和xhr.readyState，如果xhr.status不是200，说明请求未成功，你还可以监听xhr.onerror事件来处理网络问题。
xhr.onerror = function() {
console.error('Network error occurred');
};