ajax返回json数据格式存在中文乱码

在使用 AJAX 调用后端服务返回 JSON 格式数据时，我们经常会遇到一个问题，就是中文字符显示乱码。那么，为什么会出现这个问题呢？

{
  "id": 1,"name": "中文","age": 20
}

首先，我们需要知道 JSON 格式使用的是 Unicode 编码，也就是说每个字符都对应一个唯一的 Unicode 编码。而 JavaScript 内部字符串是使用 UTF-16 编码存储的，所以在将 JSON 字符串转换成 JavaScript 对象时，需要将 Unicode 编码转换成 UTF-16 编码。

如果服务器返回的 JSON 数据没有指定字符集编码，则浏览器默认使用 Unicode 编码解析 JSON 数据。但是，如果服务器返回的 JSON 数据指定了字符集编码，那么解析时就需要按照指定的编码格式进行解析，否则就会出现中文乱码的问题。

Content-Type: application/json;charset=UTF-8

解决这个问题的方法很简单，只需要在 AJAX 请求发送时设置 responseType 属性为 "json" 即可。这样，浏览器会自动将服务器返回的 JSON 数据转换成 JavaScript 对象，并按照 UTF-16 编码显示中文字符，避免出现中文乱码问题。

xhr.open("GET","http://example.com/api/getData",true);
xhr.setRequestHeader("Content-Type","application/json;charset=UTF-8");
xhr.responseType = "json";
xhr.send();

以上就是关于 AJAX 返回 JSON 数据格式存在中文乱码的解决方法。希望这篇文章能够帮助大家解决这个问题。