Ajax（Asynchronous JavaScript and XML）是一种在网页中使用JavaScript和XML进行异步数据交互的技术。JSON（JavaScript Object Notation）是一种轻量级的数据交换格式。结合使用Ajax和JSON，可以实现在网页中实时更新数据，提升用户体验。

在网页开发中，常常需要从服务器获取数据并将其展示在网页上。传统的做法是通过刷新整个页面来获取最新数据，这样用户体验差，并且会给服务器增加压力。而使用Ajax和JSON，则可以在不刷新页面的情况下，通过向服务器发送异步请求获取数据，并将数据动态更新到网页上。

使用Ajax和JSON的一个常见例子是实现一个动态搜索功能。比如，在一个电商网站中，用户可以在搜索框中输入关键字，然后网页会实时显示与关键字相关的商品信息。当用户输入关键字时，网页使用Ajax向服务器发送请求，服务器返回一个JSON格式的数据，包含匹配的商品信息。网页使用JavaScript解析JSON数据，并将商品信息动态添加到网页上，实现实时搜索的功能。

// JavaScript代码示例
function search(keyword) {
// 创建Ajax对象
var xhr = new XMLHttpRequest();
// 设置回调函数，处理服务器返回的数据
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
var response = JSON.parse(xhr.responseText); // 解析JSON数据
// 动态更新网页上的内容
// ...
}
};
// 发送Ajax请求
xhr.open("GET", "search.php?keyword=" + encodeURIComponent(keyword), true);
xhr.send();
}

在上面的代码中，创建了一个名为search的函数，用于处理搜索功能。该函数接收一个关键字作为参数，在发送Ajax请求之前，对关键字进行URL编码以防止特殊字符引起的错误。然后，创建一个XMLHttpRequest对象，设置回调函数来处理服务器返回的数据。如果Ajax请求的状态为4（表示请求已完成）且返回的状态码为200（表示请求成功），则说明数据返回成功，通过JSON.parse()将返回的JSON数据解析成JavaScript对象。然后，可以根据返回的数据动态更新网页上的内容。

除了实现实时搜索功能，Ajax和JSON还可以用于实现其他各种功能，如动态加载更多内容、提交表单数据、获取地理位置等等。使用Ajax和JSON，可以使网页更加动态、实时，并提升用户的交互体验。