前端如何传递这种类型的请求参数x-www-form-urlencoded，请给出准确代码

在前端使用 `x-www-form-urlencoded` 格式传递请求参数通常是在HTML表单提交时发生的，或者使用JavaScript库如jQuery、axios等发送HTTP请求时。这是一个简单的例子，使用JavaScript的fetch API：

// 创建一个FormData对象
const formData = new FormData();
formData.append('key1', 'value1');
formData.append('key2', 'value2');

// 可选地，你可以设置自定义的Content-Type头，这里就是 x-www-form-urlencoded
let headers = new Headers();
headers.append("Content-Type", "application/x-www-form-urlencoded");

// 发送POST请求
fetch('https://example.com/api', {
  method: 'POST',
  body: formData, // 使用FormData作为数据体
  headers: headers,
})
.then(response => response.text())
.then(data => console.log('响应:', data))
.catch(error => console.error('错误:', error));

如果你想要手动构建URL并传递这些参数，可以这样做：

let urlParams = new URLSearchParams();
urlParams.set('key1', 'value1');
urlParams.set('key2', 'value2');

// 将参数拼接到URL的查询字符串部分
let url = 'https://example.com/api?' + urlParams.toString();

// 然后发送GET请求
fetch(url)
.then(response => response.text())
.then(data => console.log('响应:', data))
.catch(error => console.error('错误:', error));