AJAX是一种前端技术，可以实现网页的异步加载和数据交换，而JSON（JavaScript Object Notation）是一种轻量级的数据交换格式。AJAX配合JSON格式可以实现快速、高效的数据传递，提升用户体验。本文将介绍如何使用AJAX传递JSON格式的数据，并通过举例来说明其用法。

假设我们有一个网页，需要从服务器读取一些数据并显示在页面上。传统的做法是通过刷新整个页面来获取最新的数据，这样的体验不够流畅。而使用AJAX可以在后台与服务器进行数据交换，只更新需要更新的部分，提高用户交互的效率。

下面是一个简单的例子，我们的网页需要获取一个用户的信息并显示在页面上。首先，我们可以使用AJAX来向服务器发送请求：

var xmlhttp;
if (window.XMLHttpRequest) {
xmlhttp = new XMLHttpRequest();
} else {
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange = function() {
if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
var user = JSON.parse(xmlhttp.responseText);
document.getElementById("username").innerHTML = user.name;
document.getElementById("age").innerHTML = user.age;
document.getElementById("email").innerHTML = user.email;
}
};
xmlhttp.open("GET", "user.json", true);
xmlhttp.send();

上面的代码通过创建一个XMLHttpRequest对象来实现AJAX请求。在请求发送完成并且服务器返回成功时，通过解析返回的JSON格式数据，并将数据显示在页面的相应位置。

接下来，我们需要创建一个JSON格式的文件（user.json）来存储用户的信息：

{
"name": "John Doe",
"age": 25,
"email": "johndoe@example.com"
}

在上面的例子中，我们可以看到，通过AJAX请求获取JSON数据后，我们可以通过解析JSON数据的属性来获取相应的值，并将其显示在页面上。这样，我们就实现了通过AJAX传递JSON格式的数据，并在页面中使用的功能。

除了使用GET方法来获取数据，我们还可以使用POST方法来发送数据给服务器。下面的例子展示了如何使用AJAX和JSON来发送数据：

var xmlhttp;
if (window.XMLHttpRequest) {
xmlhttp = new XMLHttpRequest();
} else {
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange = function() {
if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
var response = JSON.parse(xmlhttp.responseText);
if (response.success) {
alert("Data has been saved successfully!");
} else {
alert("Failed to save data!");
}
}
};
xmlhttp.open("POST", "save_data.php", true);
xmlhttp.setRequestHeader("Content-type", "application/json");
var data = { "name": "John Doe", "age": 25, "email": "johndoe@example.com" };
xmlhttp.send(JSON.stringify(data));

上述代码通过POST方式将JSON数据发送给服务器，并根据服务器返回的响应进行相应的处理。在服务器端，我们需要使用相应的后端语言（如PHP）来获取JSON数据，并进行处理保存。

通过以上的例子，我们可以看出使用AJAX传递JSON格式的数据是非常简单和高效的。它可以大大提升网页的交互性和用户体验，使用户可以更加方便地获取和提交数据。

总之，AJAX和JSON是前端开发中常用的技术，它们的结合能够带来许多好处。通过AJAX传递JSON格式的数据，我们可以实现快速、高效的数据交互，提升用户体验，使网页更具互动性。