jQuery load()函数为何破坏编码？如何解决该问题？

以下是几个针对性的解决方案，按优先级尝试：

1. 强制服务器端输出统一编码 #

确保所有相关PHP文件（包括主页面和getList.php）在任何输出之前设置UTF-8编码头：

<?php
header('Content-Type: text/html; charset=utf-8');
// 后续代码...
include('getList.php');
?>

注意：header()必须放在echo、HTML标签甚至空格之前，否则会失效。

2. 替换.load()为显式指定编码的AJAX请求 #

.load()是AJAX的简化封装，可能会忽略编码设置。改用$.get并明确编码：

$(document).ready(function(){
    $.get(window.location.href, function(response) {
        // 从返回的页面中提取#list的内容
        var freshContent = $(response).find('#list').html();
        $('#list').html(freshContent);
    }, 'html')
    .fail(function() {
        console.log('内容加载失败');
    });
});

如果仍有问题，可全局设置AJAX编码：

$.ajaxSetup({
    contentType: "application/x-www-form-urlencoded;charset=utf-8",
    dataType: "html"
});

3. 验证页面与数据库的编码一致性 #

• 页面头部必须有正确的meta标签：

  <meta charset="UTF-8">
  

• 数据库连接时强制编码（以MySQL为例）：

  // mysqli方式
  mysqli_set_charset($conn, 'utf8mb4');
  // PDO方式
  $pdo = new PDO('mysql:host=localhost;dbname=your_db;charset=utf8mb4', 'user', 'pass');
  

4. 避免编码冲突 #

检查是否存在多个编码设置（比如同时设置了gbk和utf-8），确保从数据库、PHP输出、HTML页面全程使用同一编码（推荐UTF-8/utf8mb4）。

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