怎么在前端请求中加入参数

在前端向服务器发起请求时，添加参数通常有两种常见的方式：

1. **GET 请求**:
- URL 查询字符串：对于简单的参数，可以直接将它们附加到URL后面，如 `https://example.com/api?param1=value1&param2=value2`。在JavaScript中，可以使用`window.location.search`获取这些参数。
- 使用 fetch 或 axios 等库，例如：

     fetch('https://example.com/api', {
       method: 'GET',
       headers: {'Content-Type': 'application/x-www-form-urlencoded'},
       params: { param1: 'value1', param2: 'value2' } // 对于复杂参数可以转成query string
     })
     .then(response => response.json())

2. **POST、PUT 或 DELETE 请求** (涉及数据体)：
- URL 中不包含直接的参数，而是将参数放在请求体中。这通常用于发送JSON数据：

     const data = { param1: 'value1', param2: 'value2' };
     fetch('https://example.com/api', {
       method: 'POST',
       headers: {
         'Content-Type': 'application/json'
       },
       body: JSON.stringify(data)
     })
     .then(response => response.json());

3. **Ajax / XMLHttpRequest** (旧版浏览器支持):

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

每个库可能有自己的特定设置，但基本原理都是将数据转换为合适格式（比如JSON、XML等），然后通过相应的HTTP方法发送到指定的URL。