js调用AJAX时Get和post的乱码解决方法

这里是 “js调用AJAX时Get和post的乱码解决方法”的完整攻略，我们将分为以下几个步骤：

1. 确认乱码问题
2. 解决Get请求的乱码问题
3. 解决Post请求的乱码问题

接下来详细讲解：

1. 确认乱码问题

首先在实际开发时遇到乱码问题时，需要确认到底是AJAX请求出现了乱码，还是服务器返回了乱码，这是解决问题的第一步。

可以通过Chrome浏览器的开发者工具，查看请求和响应头中的Content-Type，确定是UTF-8编码还是其他编码。

2. 解决Get请求的乱码问题

如果确认出现了Get请求的乱码情况，可以通过把中文字符转码成URL编码的方式，来避免乱码问题。

示例代码：

var keyword = '测试文本';
var url = 'http://example.com/search?keyword=' + encodeURIComponent(keyword);

在这个例子中，我们把中文字符 测试文本 转成了URL编码的 %E6%B5%8B%E8%AF%95%E6%96%87%E6%9C%AC，并且组成了完整的请求URL地址。

3. 解决Post请求的乱码问题

如果是Post请求出现了乱码，那么需要调整如下三个方面：

3.1 设置请求头

需要在AJAX请求发送之前，设置请求头中的Content-Type为application/x-www-form-urlencoded;charset=UTF-8，即使用UTF-8编码：

示例代码：

var xhr = new XMLHttpRequest();
xhr.open('POST', url);
xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded;charset=UTF-8');
xhr.send(formData);

3.2 序列化数据

需要把要发送的数据序列化成URL编码的字符串，以确保中文字符不会被乱码。

示例代码：

var formData = new FormData();
formData.append('username', '张三');
formData.append('password', '123456');
xhr.send(encodeURIComponent(formData));

3.3 服务端解码

服务端需要接收到UTF-8编码的请求数据后，进行解码。

示例代码（以PHP为例）：

header("Content-type:text/html;charset=utf-8");
$username = urldecode($_POST['username']);
$password = urldecode($_POST['password']);

通过以上三个步骤，我们就可以解决Post请求中出现的乱码问题了。

希望以上攻略对你有所帮助。