JQuery AJAX 中文乱码问题解决

在使用jQuery的AJAX进行中文传输时，常常会遇到中文乱码的问题。本文将介绍如何解决JQuery AJAX 中文乱码问题。

问题分析

当使用jQuery的AJAX进行中文传输时，后端接收到的中文信息出现乱码，这是由于前后端编码不一致导致的。因此我们需要在客户端和服务端进行编码设置，以解决这个问题。

解决方案

客户端编码设置

在客户端，我们需要设置JQuery的AJAX请求发送的编码方式为UTF-8。具体方法是在AJAX请求中添加contentType和dataType属性，如下所示：

$.ajax({  url: 'ajax.php',  type: 'post',  data: {name: '张三', age: 20},  contentType: "application/x-www-form-urlencoded;charset=utf-8",  dataType: "json",  success: function (data) {    // do something  }})

服务端编码设置

在服务端，我们需要对接收到的中文信息进行编码处理。对于PHP语言，可以使用iconv函数将接收到的中文信息进行编码转换。具体方法为：

$name = $_POST['name'];$name = iconv('utf-8', 'gbk', $name);

示例说明

下面通过两个示例来展示如何解决JQuery AJAX 中文乱码问题。

示例一

客户端代码：

$.ajax({  url: 'ajax.php',  type: 'post',  data: {name: '张三', age: 20},  contentType: "application/x-www-form-urlencoded;charset=utf-8",  dataType: "json",  success: function (data) {    console.log(data);  }})

服务端代码：

header('Content-Type:application/json;charset=utf-8');$name = $_POST['name'];$name = iconv('utf-8', 'gbk', $name);$age = $_POST['age'];echo json_encode(array('name' => $name, 'age' => $age));

在客户端发送请求时，设置请求发送的编码方式为UTF-8，通过dataType指定响应信息的类型为JSON。服务端接收到请求后，先设置响应内容的编码方式为UTF-8，然后将客户端发送的中文信息从UTF-8编码转换为GBK编码，最后将响应信息以JSON格式返回客户端。

示例二

客户端代码：

$.ajax({  url: 'ajax.php',  type: 'post',  data: {name: '李四'},  contentType: "application/x-www-form-urlencoded;charset=utf-8",  success: function (data) {    console.log(data);  }})

服务端代码：

header('Content-Type:text/plain;charset=utf-8');$name = $_POST['name'];$name = iconv('utf-8', 'gbk', $name);echo $name;

在客户端发送请求时，设置请求发送的编码方式为UTF-8。服务端接收到请求后，先设置响应内容的编码方式为UTF-8，然后将客户端发送的中文信息从UTF-8编码转换为GBK编码，最后将转换后的中文信息返回给客户端。

总结