在现代 Web 开发中，Ajax（Asynchronous JavaScript and XML）已经成为了一种常见的技术。它允许我们通过 JavaScript 发送异步请求，从 Web 服务器获取数据，并在不刷新页面的情况下更新页面的内容。在传输过程中，我们通常使用 JSON（JavaScript Object Notation）来编码数据，它是一种轻量级的数据交换格式。JSON 的使用非常广泛，它可以用于传输复杂的数据结构，如数组、对象等。

Ajax 和 JSON 的结合可以用于各种实际的应用场景。例如，在一个电子商务平台上，如果用户想要在商品页面中添加一个商品到购物车，这时候可以使用 Ajax 来发送请求，服务器会返回一个 JSON 格式的数据，其中包含了商品的信息、购物车的总价等。然后，我们可以使用 JavaScript 来解析这个 JSON 数据，更新页面上的购物车图标和价格。

Ajax 请求发送的代码通常是类似这样的：

var xhr = new XMLHttpRequest();
xhr.open('GET', 'http://example.com/api/data', true);
xhr.onload = function() {
if (xhr.status === 200) {
var data = JSON.parse(xhr.responseText);
// 在这里处理数据
}
};
xhr.send();

上述代码中，我们首先创建了一个 XMLHttpRequest 对象，并使用 open 方法指定了请求的类型、URL 和是否异步。然后，我们使用 onload 事件来监听请求的响应，如果状态码为 200 表示请求成功，我们可以通过解析 xhr.responseText 得到 JSON 格式的数据，并在处理完成后更新页面。

在 JSON 中，数据以键值对的形式组织，键使用字符串表示，值可以是任意的 JavaScript 数据类型，包括数字、字符串、布尔值、null、数组和对象等。例如，下面是一个简单的 JSON 对象：

{
"name": "Alice",
"age": 25,
"city": "New York"
}

我们可以使用 JavaScript 代码来访问和修改 JSON 数据。例如：

var json = {
"name": "Alice",
"age": 25,
"city": "New York"
};
console.log(json.name); // 输出 "Alice"
json.age = 26;
console.log(json.age); // 输出 26

当我们从服务器接收到 JSON 数据时，我们需要使用 JSON.parse() 方法将其转换为 JavaScript 对象。在处理完成后，如果需要将 JavaScript 对象转换为 JSON 字符串，可以使用 JSON.stringify() 方法。例如：

var obj = {
name: 'Alice',
age: 25,
city: 'New York'
};
var jsonString = JSON.stringify(obj);
console.log(jsonString); // 输出 '{"name":"Alice","age":25,"city":"New York"}'

总而言之，Ajax 和 JSON 是现代 Web 开发中不可或缺的技术。它们可以帮助我们实现各种强大的功能，如动态加载数据、实时更新页面等。通过合理地使用 Ajax 和 JSON，我们可以为用户提供更加友好和高效的 Web 体验。