AJAX自动补全功能UTF-8编码异常问题求助

先给你梳理几个最可能的问题点，一步步来排查：

1. 先解决明显的参数名不匹配问题 #

看你的代码，JS里AJAX传给后端的参数是filter_name，但PHP代码里却在判断$request->has('filter_client')，还取$request->filter_client的值——这明显是前后端参数名对不上！

你要么把JS里的参数名改成filter_client：

data: {'filter_client': encodeURIComponent(request.name)}

要么把PHP里的判断和取值改成filter_name：

if ($request->has('filter_name')) {
    $client_info = \App\Models\Client::getClientByName($request->filter_name);
    // ... 后续代码
}

这个不修正的话，后端根本拿不到正确的搜索关键词，返回的内容大概率是错误的，甚至可能是乱码的源头之一。

2. 检查数据库存储的编码是否正确 #

即使前后端都是UTF-8，如果数据库里存储的name字段本身就是乱码，那取出来自然也是乱码：

• 登录数据库，执行SQL查看表和字段的编码：

  SHOW CREATE TABLE clients;
  

  确保表的字符集是utf8mb4（推荐，支持emoji和全UTF-8字符）或者utf8，同时name字段的字符集也要一致。如果是latin1这类非UTF-8编码，你需要修改表和字段的编码，并且重新导入正确编码的数据（已经存储的乱码没法直接通过改编码修复）。

3. 验证后端接收的参数是否正确解码 #

在PHP的autocomplete方法开头加一行日志，看看后端拿到的搜索关键词是不是正常的：

\Log::info('Received search keyword: ' . $request->filter_client); // 换成你修正后的参数名

然后去storage/logs/laravel.log里查看日志内容：

• 如果日志里的关键词是乱码，说明请求参数的解码有问题；
• 如果是正常的字符，那问题就出在查询数据库或者响应环节。

4. 确保后端响应的Content-Type正确 #

你提到响应头是text/html; charset=UTF-8，但Laravel的response()->json()默认应该返回application/json类型的响应。如果被改成了text/html，jQuery用dataType: 'json'解析时可能会出现编码异常。

可以强制指定响应头：

return response()->json($json)->header('Content-Type', 'application/json; charset=UTF-8');

之后用浏览器开发者工具查看响应头，确认是否变成application/json; charset=UTF-8。

5. 排查压缩编码的影响 #

你的响应头有Content-Encoding: br（Brotli压缩），虽然正常情况下压缩不会影响编码，但服务器压缩配置异常可能导致解压后内容乱码。可以临时关闭服务器的Brotli/gzip压缩：

• 如果是Nginx，注释掉gzip on;和brotli on;相关配置，重启Nginx测试；
• 如果是Apache，修改.htaccess或主配置文件，关闭gzip压缩后测试。

按照这几步排查，应该能找到乱码的根源。

内容的提问来源于stack exchange，提问作者user6770399