jQuery Autocomplete在Win10部分PC的Chrome/Edge中失效问题排查求助

看起来你遇到的是个挺棘手的环境兼容问题——毕竟只有部分Win10设备出故障，这通常和浏览器配置、系统安全规则或者旧版插件的兼容性脱不了干系。我来帮你一步步拆解可能的原因和对应的解决办法：

一、旧版Autocomplete插件的兼容性问题 #

你用的是$().autocomplete(url, options)这种旧语法，这是早期jQuery UI Autocomplete（甚至是独立的Autocomplete插件）的写法，而现代Chromium内核的Edge/Chrome对旧JS API、DOM处理逻辑的兼容性已经收紧了：

• 检查你的jQuery和Autocomplete插件版本：如果是jQuery 1.x搭配非常老的Autocomplete版本，大概率会在现代浏览器的严格模式下触发隐性错误，导致功能失效。
• 建议升级到新版jQuery UI Autocomplete，语法已经调整为更规范的结构：

$(document).ready(function() {
  $("#dodavmeno").autocomplete({
    source: "search_code.php", // 数据源配置移到options内
    width: 260,
    highlight: false,
    selectFirst: false,
    minLength: 1 // 新增：避免空关键词触发无效请求
  });
});

二、浏览器安全/隐私设置拦截 #

Win10自带的Edge和Chrome都有增强安全功能，部分设备的配置可能会拦截Autocomplete的AJAX请求：

• 增强安全模式：Edge的「增强安全模式」、Chrome的「安全浏览增强保护」会拦截一些旧版AJAX请求，或者标记纯文本响应为潜在风险。可以暂时关闭该功能测试是否恢复正常。
• 扩展程序干扰：广告拦截、隐私保护类插件（比如AdBlock、Privacy Badger）可能会误拦截search_code.php的请求。让用户在浏览器隐身模式下测试，排除扩展的影响。
• Cookie/权限设置：如果你的系统是HTTPS部署，而search_code.php是HTTP请求，会被浏览器的混合内容规则拦截；或者部分设备禁用了同域Cookie，导致PDO连接失败（如果你的会话依赖Cookie的话）。

三、Win10系统层面的拦截 #

• Defender SmartScreen或第三方杀毒软件：这类安全工具可能会把PHP返回的纯文本列表误判为恶意内容，直接拦截响应。可以暂时关闭防护测试，或者修改PHP输出格式（比如改成JSON，下文会说）来规避误判。
• 代理/VPN设置：部分设备的代理配置可能会拦截本地/内网的AJAX请求，导致无法获取search_code.php的返回结果。检查设备的代理设置是否正常。

四、代码层面的潜在问题 #

你的后端和前端代码还有几个可以优化的点，能提升兼容性：

1. 规范后端响应格式 #

当前search_code.php返回纯文本，没有设置正确的Content-Type，现代浏览器可能无法正确解析。改成返回JSON格式会更可靠：

<?php
header("Content-Type: application/json; charset=utf-8"); // 明确响应类型
$q = strtolower($_GET["q"]);

if (!$q) {
  echo json_encode([]);
  exit;
}

try {
  $stmt = $pdo->prepare("SELECT CONCAT(dodavmeno,' // ',dodavico) AS course_name FROM dodavatel WHERE CONCAT(dodavmeno,' // ',dodavico) LIKE ?");
  $stmt->bindValue(1, "%$q%", PDO::PARAM_STR);
  $stmt->execute();
  
  $results = [];
  foreach ($stmt as $row) {
    $results[] = $row['course_name'];
  }
  
  echo json_encode($results);
} catch (PDOException $e) {
  error_log("Autocomplete DB Error: " . $e->getMessage()); // 记录错误日志
  echo json_encode([]); // 异常时返回空数组，避免前端报错
}
?>

2. 统一字符编码 #

Win10的系统默认编码和Win7不同，如果你的数据库、PHP脚本、前端页面的编码不统一（比如混用GBK和UTF-8），会出现乱码，导致Autocomplete无法解析结果。确保所有环节都使用UTF-8编码：

• 在PHP开头添加header("Content-Type: text/html; charset=utf-8");
• 数据库连接时指定UTF-8（PDO的话可以在DSN里加;charset=utf8mb4）
• 前端HTML页面添加<meta charset="UTF-8">

3. 增加错误排查手段 #

在出问题的浏览器里按F12打开开发者工具，切换到「Network」标签，输入关键词时观察：

• 是否有请求发送到search_code.php
• 请求的状态码（200正常，404找不到文件，500后端错误）
• 响应内容是否符合预期（有没有乱码或者空内容）

如果没有请求，说明前端JS有错误，查看「Console」标签的报错信息；如果请求返回500，说明后端PHP代码有问题，检查服务器错误日志。

最后总结排查步骤 #

1. 用浏览器开发者工具排查请求/响应是否正常
2. 测试隐身模式，排除扩展干扰
3. 暂时关闭系统安全工具测试
4. 升级Autocomplete插件并调整代码格式

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