jquery的ajax()函数传值中文乱码解决方法介绍

下面给出详细的攻略：

问题描述

使用jQuery的ajax()函数时，传递中文参数值时可能会出现乱码问题，导致后台无法正确解析参数值。这主要是由于请求时使用了错误的编码格式，导致传参时出现了乱码。

解决方法

1. 使用encodeURIComponent()对参数值进行编码

在传递参数值时，可使用encodeURIComponent()函数对参数值进行编码，以保证传递的参数值是经过正确编码的。

$.ajax({
    type: 'POST',
    url: 'test.php',
    data: 'name=' + encodeURIComponent('张三') + '&age=18',
    success:function(data){
        // 请求成功后的处理
    }
});

2. 在服务端使用正确的编码进行解码

在服务端，应该使用正确的编码格式对传递的参数值进行解码。一般情况下UTF-8编码是较为通用的编码格式，可以避免出现乱码问题。

例如，在PHP中，使用urldecode()函数对请求参数进行解码：

$name = urldecode($_POST['name']);
$age = $_POST['age'];

3. 使用contentType设置请求头，显示使用的编码

在jQuery Ajax请求时，也可以通过设置请求头的方式来显示使用的编码格式。设置contentType参数即可，例如：

$.ajax({
    type: 'POST',
    url: 'test.php',
    data: {name: '张三', age: 18},
    contentType: 'application/x-www-form-urlencoded;charset=utf-8',
    success:function(data){
        // 请求成功后的处理
    }
});

示例说明

假设需要向服务端发送两个参数，一个为中文字符串李四，一个为数字20，请求地址为http://example.com/test.php，可以使用以下两种方式传递参数：

方式一：使用encodeURIComponent()对中文字符串进行编码

$.ajax({
    type: 'POST',
    url: 'http://example.com/test.php',
    data: 'name=' + encodeURIComponent('李四') + '&age=20',
    success: function(data) {
    // 请求成功后的处理
    }
});

方式二：使用contentType设置请求头，显示使用的编码

$.ajax({
    type: 'POST',
    url: 'http://example.com/test.php',
    data: {name: '李四', age: 20},
    contentType: 'application/x-www-form-urlencoded;charset=utf-8',
    success: function(data) {
    // 请求成功后的处理
    }
});

在服务端，需要使用正确的编码格式对传递的参数进行解码：

$name = urldecode($_POST['name']); // URL解码
$age = $_POST['age'];

这样就可以避免了中文乱码的问题。