Ajax，全称Asynchronous JavaScript and XML（异步的 JavaScript 和 XML），是一种用于创建快速、动态和交互式网页应用程序的技术。通过使用 Ajax，网页可以在不刷新页面的情况下，向服务器发送请求并更新页面上的数据。与传统的同步请求不同，Ajax 的异步请求允许用户在等待服务器响应的同时继续浏览和操作页面。Ajax 的这种能力使得网页应用程序更加流畅，增强了用户体验。

以一个简单的示例来说明 Ajax 不刷新页面修改数据的功能。假设我们有一个网页上展示了一张图片，并希望用户通过点击图片来对其进行点赞。传统的做法是，当用户点击图片时，网页会重新加载，服务器会将用户点赞的结果返回给客户端并重新渲染页面。但是，这种方式会导致用户在进行点赞操作时看到页面的闪烁，影响用户体验。而使用 Ajax，我们可以通过发送异步请求来修改点赞数据，并将变化反映到网页上，而不用刷新整个页面。

// HTML
// JavaScript
function likePhoto(photoId) {
// 发送异步请求
var xhr = new XMLHttpRequest();
xhr.open("POST", "/like", true);
xhr.setRequestHeader("Content-Type", "application/json");
xhr.onreadystatechange = function() {
if (xhr.readyState === XMLHttpRequest.DONE && xhr.status === 200) {
// 更新点赞数
var response = JSON.parse(xhr.responseText);
var likeCount = document.getElementById("likeCount");
likeCount.innerText = response.likeCount;
}
};
xhr.send(JSON.stringify({ photoId: photoId }));
}

在上面的代码中，当用户点击图片时，会触发 `likePhoto` 函数。该函数创建了一个 XMLHttpRequest 对象，并发送了一个 POST 请求到 `/like`，并且通过设置 `Content-Type` 为 `application/json` 来发送数据。当服务器返回响应时，会触发 `onreadystatechange` 事件，我们可以在这里处理返回的数据。在这个示例中，服务器返回了 updated 的数据，我们将这个数据解析，并将点赞数量更新到网页上。

除了修改像点赞数量这样的简单数据，Ajax 还可以用于更新表单数据、提交评论、请求数据等等。例如，当用户在网页上填写了一个表单并点击提交按钮时，传统的方式是刷新网页并且将数据发送到服务器。而使用 Ajax，我们可以在不刷新页面的情况下发送数据到服务器，并获取服务器返回的结果，然后通过 JavaScript 更新网页上的内容。

// HTML