AJAX（Asynchronous JavaScript and XML）是一种通过在后台与服务器进行数据交换的技术，可以在不重新加载整个网页的情况下更新部分网页内容。在AJAX中，我们经常需要传递参数给服务器来获取特定的数据。本文将介绍如何通过AJAX传递参数并从服务器获取数据。

在AJAX中，常用的传递参数的方式有两种：GET和POST。GET方式通过URL的参数传递参数，而POST方式将参数放在HTTP请求中的请求体中。

如果我们想根据用户输入的关键词从服务器获取相关的数据，可以用GET方式传递参数。下面是一个使用GET方式传递参数的示例：

function getDataByKeyword(keyword) {
var url = "http://example.com/api/search?keyword=" + keyword;
var xhr = new XMLHttpRequest();
xhr.open("GET", url, true);
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
var response = JSON.parse(xhr.responseText);
// 处理从服务器返回的数据
}
};
xhr.send();
}

在上面的示例中，我们定义了一个名为getDataByKeyword的函数，它接收一个参数keyword。我们将参数keyword拼接在URL的末尾，并使用XMLHttpRequest对象发送GET请求。当服务器返回数据时，我们可以通过xhr.responseText来获取服务器的响应，并进行相应的处理。

如果我们需要向服务器提交表单数据或其他敏感数据，应该使用POST方式传递参数。下面是一个使用POST方式传递参数的示例：

function postData(name, age) {
var url = "http://example.com/api/user";
var xhr = new XMLHttpRequest();
xhr.open("POST", url, true);
xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
var response = JSON.parse(xhr.responseText);
// 处理从服务器返回的数据
}
};
xhr.send("name=" + name + "&age=" + age);
}

在上面的示例中，我们定义了一个名为postData的函数，它接收两个参数name和age。我们使用XMLHttpRequest对象发送POST请求，并在请求头中设置了Content-Type为application/x-www-form-urlencoded。我们将参数name和age通过xhr.send方法发送到服务器，并同样通过xhr.responseText来获取服务器的响应。

在实际开发中，我们可能会使用第三方库或框架简化AJAX的使用。例如，使用jQuery的$.ajax方法：

$.ajax({
url: "http://example.com/api/data",
method: "GET",
data: { keyword: "example" },
success: function(response) {
// 处理从服务器返回的数据
}
});

上面的示例使用了jQuery的$.ajax方法发送GET请求，并通过data参数传递了一个对象，对象的属性名为keyword，属性值为"example"。在成功获取服务器响应后，执行success回调函数进行数据处理。

总之，通过AJAX传递参数是与服务器进行数据交换的常用操作。我们可以使用GET方式将参数拼接在URL中，也可以使用POST方式将参数放在请求体中。在实际开发中，我们可以根据具体的需求选择合适的方式，配合相应的库或框架来简化操作。