Ajax是一种在网页应用中实现无刷新交互的技术，它可以使用户在不离开当前页面的情况下，与服务器进行数据通信。通过Ajax，我们可以实现诸如修改、删除和添加等功能。本文将以一个简单的例子来说明如何使用Ajax实现修改功能。

假设我们有一个在线商店的网页，其中展示了一些商品信息。每个商品都有一个价格，并且用户可以点击一个按钮修改某个商品的价格。我们将使用Ajax来实现这个修改功能。

首先，我们需要在HTML中创建一个按钮，当用户点击按钮时，我们将触发一个函数来处理价格的修改。代码如下：

<button onclick="updatePrice(productId)">修改价格</button>

在这里，我们将传递商品的ID作为参数来调用updatePrice函数。接下来，我们需要编写这个函数来处理价格的修改。

function updatePrice(productId) {
// 获取新的价格值
var newPrice = prompt("请输入新的价格");
// 创建XMLHttpRequest对象
var xmlhttp = new XMLHttpRequest();
// 设置回调函数
xmlhttp.onreadystatechange = function() {
if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
// 修改成功，更新页面上的价格显示
document.getElementById("price" + productId).innerHTML = newPrice;
}
};
// 发送请求
xmlhttp.open("POST", "update_price.php", true);
xmlhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
xmlhttp.send("productId=" + productId + "&newPrice=" + newPrice);
}

在这段代码中，我们首先使用prompt函数来获取用户输入的新价格，并将其保存在newPrice变量中。接下来，我们创建XMLHttpRequest对象来发送请求。我们通过设置onreadystatechange属性来指定回调函数，以便在服务器返回响应时进行处理。

回调函数首先检查XMLHttpRequest对象的readyState和status属性，以确保请求已经完成并且返回了正确的响应。如果一切正常，我们通过getElementById方法获取到商品价格显示的元素，并将其内容修改为新价格。

最后，我们使用open方法来设置请求的方法、URL和是否使用异步方式。在这里，我们将请求方法设置为POST，URL设置为"update_price.php"，并将异步参数设置为true。

在发送请求之前，我们还需要设置请求头，将Content-type设置为"application/x-www-form-urlencoded"，以确保服务器能够正确解析请求的参数。

最后，我们通过send方法发送请求，并将商品ID和新价格作为请求的参数传递给服务器。服务器将根据这些参数来更新商品的价格。

总结起来，使用Ajax实现修改功能需要以下几个步骤：在HTML中创建一个按钮，并指定点击按钮时触发的函数；编写处理函数来获取用户输入的新值，并发送请求给服务器；在服务器端进行处理，并返回响应；在回调函数中根据服务器返回的响应来更新页面上的内容。

通过以上步骤，我们可以很轻松地使用Ajax来实现修改功能，并且不需要刷新整个页面。这为用户提供了更好的交互体验，同时也减轻了服务器的负担。