AJAX（Asynchronous JavaScript and XML）是一种在不刷新整个网页的情况下获取并更新数据的技术。通过使用AJAX，我们可以向服务器发送请求并获得JSON（JavaScript Object Notation）格式的数据，然后使用这些数据更新网页的特定部分。本文将介绍如何使用AJAX传递参数请求JSON数据，并提供一些示例说明。

首先，让我们考虑一个简单的示例。假设我们正在开发一个电影评分网站，我们想要根据用户的选择来获取相关电影的评分数据。我们可以使用AJAX来动态获取这些数据，并将其显示在页面上，而不需要刷新整个页面。

要使用AJAX传递参数请求JSON数据，我们可以使用JavaScript编写以下代码：

const xhr = new XMLHttpRequest();
const movieId = "12345";
const url = `https://example.com/movies?movie_id=${movieId}`;
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
const response = JSON.parse(xhr.responseText);
// 使用获取的JSON数据更新页面
}
};
xhr.open("GET", url, true);
xhr.send();

在上面的代码中，我们首先创建了一个XMLHttpRequest对象，用于向服务器发送请求。然后，我们定义了一个movieId变量，该变量存储要获取评分的电影的ID。接下来，我们构建了一个包含movieId参数的URL，用于向服务器发送请求。请注意，我们使用反引号（`）和${}语法将变量movieId插入到URL字符串中。然后，我们定义了一个回调函数，该函数在服务器返回响应时被调用。我们检查XHR请求的状态（readyState）是否为4（表示请求已完成），并检查HTTP响应的状态码（status）是否为200（表示请求成功）。如果两个条件都满足，我们将使用JSON.parse方法解析响应文本，将其转换为JavaScript对象。最后，我们可以使用获取的JSON数据来更新网页上的特定部分。

除了简单的GET请求之外，我们还可以通过AJAX进行POST请求，以便将参数作为请求的一部分发送到服务器。以下是一个示例：

const xhr = new XMLHttpRequest();
const formData = new FormData();
formData.append("username", "johnsmith");
formData.append("password", "secretpassword");
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
const response = JSON.parse(xhr.responseText);
// 处理服务器响应
}
};
xhr.open("POST", "https://example.com/login", true);
xhr.send(formData);

在上面的代码中，我们首先创建了一个FormData对象，用于存储我们要发送的参数。然后，我们使用append方法向FormData对象添加参数。接下来，我们使用XMLHttpRequest进行与上述GET请求类似的操作，但是我们使用open方法指定请求方法为POST，并将FormData对象作为参数传递给send方法。在服务器端，我们可以通过读取POST请求的参数来获取数据，并返回JSON格式的响应。返回的响应可以通过JSON.parse方法解析，并在网页上进行处理。

综上所述，使用AJAX传递参数请求JSON数据可以实现动态获取并更新网页上的数据，而不需要刷新整个页面。通过举例展示了GET和POST请求的过程，希望读者能够理解并掌握使用AJAX传递参数请求JSON数据的方法，并在实际项目中灵活应用。