js传值后台中文出现乱码的解决方法

下面是详细讲解“js传值后台中文出现乱码的解决方法”的完整攻略：

问题描述

在前端页面使用 JavaScript 传递参数给后台时，中文参数会出现乱码！

根本原因

乱码的出现是因为前端传递参数时，使用了不同的字符集编码。而后台在解析字符时使用的编码集与前端传递的不同，就导致中文字符的解析出现了不一致的问题。

解决方法

下面介绍两条解决办法：

方法一：转码传递

将传递的中文进行 encodeURI 编码，在后台接收后再进行 decodeURI 解码，这样就可以正确的解决中文乱码问题。具体代码如下：

//前端代码
const data = {
  name: "张三",
  age: 18
};
const encoded_data = encodeURI(JSON.stringify(data));
$.ajax({
  type: "POST",
  url: "/api/postdata",
  data: { encoded_data },
  success: function(responseData) {
    console.log(responseData);
  }
});

//后台代码（node.js）
router.post("/postdata",function(req, res, next) {
  const encoded_data = req.body.encoded_data;
  const data = JSON.parse(decodeURI(encoded_data));
  console.log(data);
});

方法二：设置请求头

在前端设置请求头为 X-Requested-With=UTF-8 ，使得后台能够以 UTF-8 解析传递过来的中文字符。

//前端代码
const data = {
  name: "张三",
  age: 18
};
$.ajax({
  type: "POST",
  url: "/api/postdata",
  data: data,
  beforeSend: function(request) {
    request.setRequestHeader("X-Requested-With", "XMLHttpRequest");
    request.setRequestHeader("Content-Type", "application/json; charset=UTF-8");
  },
  success: function(responseData) {
    console.log(responseData);
  }
});

//后台代码（node.js）
router.post("/postdata",function(req, res, next) {
  const data = req.body;
  console.log(data);
});

总结

以上就是我所介绍的两种解决解决 JavaScript 传值后台中文出现乱码的方法。具体方法应该根据自己的项目情况选择，以保证中文字符的正常传递和解析。