前端携带参数发请求的方法

前端向后端发送请求并携带参数的常见方法有以下几种：

1. GET请求：将参数拼接到 URL 后面，可以使用 `window.location.search` 获取参数。

2. POST请求：通过 `FormData` 对象或者 `application/x-www-form-urlencoded` 形式将参数放置在请求体中。

3. AJAX请求：可以使用 `XMLHttpRequest` 或者 `jQuery.ajax` 等异步请求工具，通过设置请求参数并发送请求。

示例代码如下：

// GET请求
let url = 'https://www.example.com/api/get_data?param1=value1&param2=value2';
window.location.href = url;

// POST请求 - FormData
let formData = new FormData();
formData.append('param1', 'value1');
formData.append('param2', 'value2');

let xhr = new XMLHttpRequest();
xhr.open('POST', 'https://www.example.com/api/post_data');
xhr.send(formData);

// POST请求 - x-www-form-urlencoded
let data = 'param1=value1&param2=value2';

let xhr = new XMLHttpRequest();
xhr.open('POST', 'https://www.example.com/api/post_data');
xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
xhr.send(data);

// AJAX请求
$.ajax({
  type: 'GET',
  url: 'https://www.example.com/api/get_data',
  data: { param1: 'value1', param2: 'value2' },
  success: function(data) {
    console.log(data);
  }
});