JQuery Autocomplete结合PHP MySQL无法获取数据求助

嘿，作为jQuery新手遇到这种问题太正常了，咱们先从最扎眼的404错误入手，一步步拆解解决：

先搞定核心的404错误（服务器找不到PHP脚本） #

这个错误直接说明你的AJAX请求指向的PHP文件路径不对，服务器压根找不到它。可以按这几步排查：

• 验证文件路径匹配：如果你的HTML里AJAX的url写的是get_customers.php，那这个PHP文件必须和当前HTML文件在同一个目录下。如果PHP文件在子文件夹（比如api/get_customers.php），就要把路径写对，比如url: './api/get_customers.php'；如果是服务器根目录下的项目，也可以用绝对路径url: '/your_project_name/get_customers.php'。
• 直接访问PHP脚本测试：打开浏览器地址栏，输入PHP脚本的完整地址（比如http://localhost/your_project/get_customers.php），如果也显示404，那要么是文件放错了位置（比如没放到XAMPP的htdocs文件夹），要么是服务器配置有问题。
• 注意文件名大小写：如果你的服务器是Linux系统（比如线上服务器），文件名是区分大小写的！比如Get_Customers.php和get_customers.php是两个完全不同的文件，要确保AJAX请求的文件名和实际文件名完全一致。

路径解决后，排查数据检索的逻辑问题 #

当404搞定后，再逐步检查代码和数据库的问题：

1. 确保jQuery自动补全的参数传递正确 #

你的AJAX请求需要把用户输入的关键词传给PHP，建议加上错误回调方便调试：

$(document).ready(function() {
  $("#customer_name").autocomplete({
    source: function(request, response) {
      $.ajax({
        url: "get_customers.php", // 这里要确保路径正确
        dataType: "json",
        data: {
          term: request.term // 把用户输入的内容传给PHP的term参数
        },
        success: function(data) {
          response(data);
        },
        error: function(xhr, status, error) {
          console.log("AJAX错误详情：", xhr.responseText); // 打印错误信息，方便定位问题
        }
      });
    }
  });
});

2. 检查PHP脚本的正确性 #

PHP脚本需要正确接收参数、连接数据库、查询并返回JSON数据，还要注意防SQL注入：

<?php
// 开启错误提示，方便调试
error_reporting(E_ALL);
ini_set('display_errors', 1);

// 替换成你自己的数据库连接信息
$host = "localhost";
$username = "your_db_username";
$password = "your_db_password";
$dbname = "your_db_name";

// 连接数据库
$conn = mysqli_connect($host, $username, $password, $dbname);
if (!$conn) {
  die(json_encode(["error" => "数据库连接失败：" . mysqli_connect_error()]));
}

// 接收并转义用户输入的关键词，防止SQL注入
$term = isset($_GET['term']) ? mysqli_real_escape_string($conn, $_GET['term']) : "";

// 查询数据库，匹配客户名称
$query = "SELECT customer_name FROM customers WHERE customer_name LIKE '%$term%' ORDER BY customer_name";
$result = mysqli_query($conn, $query);

$customers = [];
if ($result && mysqli_num_rows($result) > 0) {
  while ($row = mysqli_fetch_assoc($result)) {
    $customers[] = $row['customer_name'];
  }
}

// 返回JSON格式的数据
echo json_encode($customers);

// 关闭数据库连接
mysqli_close($conn);
?>

3. 验证数据库查询是否有效 #

• 手动在MySQL客户端（比如phpMyAdmin）执行查询语句，比如SELECT customer_name FROM customers WHERE customer_name LIKE '%张三%'，确认数据库里确实有匹配的数据。
• 检查数据库连接的用户名、密码、数据库名是否正确，有没有拼写错误。

最后小技巧 #

如果还是有问题，可以打开浏览器的网络请求面板（F12 -> 网络），查看AJAX请求的详情：

• 看请求的URL是否正确
• 看请求的参数是否正确传递
• 看响应的内容是什么，有没有报错信息

这样一步步排查，应该就能解决问题啦！

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