ajax如何传递参数,ajax传参方式：示例代码

Ajax传递参数的方式有多种，常见的有通过URL传参和通过请求体传参。

1、通过URL传参：可以将参数直接拼接在URL的末尾，以键值对的形式传递。这种方式适用于GET请求，参数会以查询字符串的形式附加在URL后面。

示例代码：

var xhr = new XMLHttpRequest();
var url = "example.com/api?param1=value1¶m2=value2";
xhr.open("GET", url, true);
xhr.send();

2、通过请求体传参：适用于POST请求，参数会以键值对的形式放在请求体中传递给服务器。可以使用FormData对象来构建参数。

示例代码：

var xhr = new XMLHttpRequest();
var url = "example.com/api";
var formData = new FormData();
formData.append("param1", "value1");
formData.append("param2", "value2");
xhr.open("POST", url, true);
xhr.send(formData);

除了FormData对象，也可以将参数以JSON字符串的形式放在请求体中传递。

示例代码：

var xhr = new XMLHttpRequest();
var url = "example.com/api";
var data = {
  param1: "value1",
  param2: "value2"
};
xhr.open("POST", url, true);
xhr.setRequestHeader("Content-Type", "application/json");
xhr.send(JSON.stringify(data));

这样，通过URL传参和请求体传参，我们可以在Ajax请求中传递参数给服务器。