JS AJAX前台如何给后台类的函数传递参数

JS AJAX（Asynchronous JavaScript and XML）使得前端能够异步发起HTTP请求，获取数据，并更新页面，而无需刷新整个页面。在传递参数方面，AJAX提供了多种方式：

1. 通过URL传递参数

通过在URL后面添加查询字符串，即可将参数传递给后台。

let xhr = new XMLHttpRequest();
let url = "http://example.com/myapi?param1=value1&param2=value2";
xhr.open("GET", url, true);
xhr.onreadystatechange = function() {
  if (this.readyState === 4 && this.status === 200) {
    // 处理返回数据
  }
};
xhr.send();

在上述示例中，我们在url后面添加了查询字符串param1=value1&param2=value2，这样在后台处理请求时就可以通过解析查询字符串，获取到param1和param2的值。

1. 通过POST请求体传递参数

除了通过URL传递参数外，我们还可以通过POST请求体传递参数。这种方式更适用于需要传递大量参数的情况。

let params = {
  param1: "value1",
  param2: "value2"
};
let xhr = new XMLHttpRequest();
xhr.open("POST", "http://example.com/myapi", true);
xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
xhr.onreadystatechange = function() {
  if (xhr.readyState === 4 && xhr.status === 200) {
    // 处理返回数据
  }
};
let postData = "";
for (let key in params) {
  if (postData !== "") {
    postData += "&";
  }
  postData += key + "=" + encodeURIComponent(params[key]);
}
xhr.send(postData);

在上述示例中，我们定义了一个params对象，其中包含了我们要传递给后台的参数。然后我们使用循环将params对象的每个属性和属性值组装成一个字符串，这个字符串会作为POST请求体的内容，以application/x-www-form-urlencoded格式传递给后台。

总结一下：AJAX可以通过URL传递参数和POST请求体传递参数两种方式来传递参数给后台。在实际开发过程中，根据需求的不同，我们可以灵活选择使用哪一种方式来传递参数。