前端post参数乱码

前发送 POST 请求时，如果参数中含有中文或其他非 ASCII 字符，需要进行编码才能正确传递。常见的编码方式包括 URL 编码和 JSON 编码。

URL 编码可以使用 JavaScript 中的 `encodeURIComponent` 函数进行转换，例如：

let data = {name: '张三', age: 20};
let params = Object.keys(data).map(key => `${encodeURIComponent(key)}=${encodeURIComponent(data[key])}`).join('&');

这样就可以将 `data` 对象中的参数进行 URL 编码，并将其拼接成字符串形式的参数 `params`，用于发送 POST 请求。

JSON 编码可以使用 JavaScript 中的 `JSON.stringify` 函数进行转换，例如：

let data = {name: '张三', age: 20};
let params = JSON.stringify(data);

这样就可以将 `data` 对象进行 JSON 编码，并将其作为请求体发送 POST 请求。

如果前端发送 POST 请求时仍然出现参数乱码问题，可能是后端接收参数的方式不正确，需要对后端接口进行调整。

相关问题

request 传值乱码

当使用Ajax的URL参数传递中文值到服务端，然后使用request.getParameter()方法获取参数时，有时候会出现乱码的情况。这是因为在传递中文值时，URL默认使用的是ASCII编码，而不是UTF-8编码。

要解决这个问题，可以在前端页面的<meta>标签中设置字符编码为UTF-8，例如：<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />。另外，在<form>标签中也可以设置accept-charset属性为UTF-8，例如：<form action="input.jsp" method="post" accept-charset="UTF-8">。

通过这样的设置，可以确保在传递参数时使用UTF-8编码，从而避免乱码问题。例如：<form action="input.jsp" method="post" accept-charset="UTF-8">。

希望这些解决办法能够帮助到你，让你成功解决request传值乱码的问题。如果还有其他问题，请随时提问。

formdata提交乱码

如果你使用的是前端框架如 Vue 或 React，可以在发送请求时设置请求头的Content-Type为"application/x-www-form-urlencoded;charset=UTF-8"，如下示例：

axios({
  method: 'post',
  url: 'your_url',
  data: qs.stringify(your_data),
  headers: {
    'Content-Type': 'application/x-www-form-urlencoded;charset=UTF-8'
  }
})

如果你是手动构造表单提交，可以使用encodeURIComponent编码每个参数的值，如下示例：

var xhr = new XMLHttpRequest();
xhr.open('POST', 'your_url');
xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded;charset=UTF-8');
xhr.onload = function () {
  // handle response
};
var formData = new FormData();
formData.append('param1', encodeURIComponent('参数1的值'));
formData.append('param2', encodeURIComponent('参数2的值'));
xhr.send(formData);

注意，对于中文等非ASCII字符，需要先进行encodeURIComponent编码，再进行表单提交。