ajax返回的json乱码问题

最近在开发一个基于客户端JavaScript和服务器端PHP的Web应用时，遇到了一个问题：通过Ajax发送请求返回的JSON数据中文乱码。

我们知道，在JavaScript中可以通过XMLHttpRequest对象实现Ajax请求，通常情况下我们会使用JSON格式来传递数据。而在PHP中，使用json_encode()函数将数据转换为JSON格式，然后通过echo输出给客户端。

在客户端，我们通过$.ajax()方法或者$.getJSON()方法接收服务器返回的JSON数据。但是当我们在JavaScript中解析这个JSON数据时，发现其中的中文出现了乱码。

$.ajax({
    url: "example.PHP",dataType: "json",success: function(data) {
        console.log(data); // 中文出现乱码
    }
});

造成这个问题的原因是：在PHP中，json_encode()函数默认输出的JSON字符串是UTF-8编码的。而在JavaScript中，如果没有指定charset，则会根据当前页面的编码来解析JSON字符串。

解决这个问题的方法很简单，我们只需要在PHP中将JSON字符串编码为当前页面的编码即可。

header("Content-Type:text/html;charset=utf-8");
echo json_encode($data,JSON_UnesCAPED_UNICODE);

在JavaScript的代码中，我们需要使用charset=utf-8来指定页面的编码。

$.ajax({
    url: "example.PHP",success: function(data) {
        console.log(data); // 中文不再乱码
    },beforeSend: function(xhr) {
        xhr.overrideMimeType("text/plain; charset=utf-8");
    }
});

通过以上方法，我们可以避免在JSON数据传递时出现中文乱码的问题。