Ajax POST请求无法连接view.php，始终触发错误回调问题

问题场景 #

点击带有.brand类的HTML元素，尝试通过Ajax POST将元素的id传递到view.php，但请求始终失败，触发Ajax的错误回调，无法获取预期数据。

排查与解决步骤 #

1. 先获取Ajax错误的具体信息 #

当前的error回调仅显示通用提示，无法定位问题。修改JS代码，打印错误的状态码和详情：

$(document).ready(function(){
    $('.brand').click(function(e){
        e.preventDefault();
        var brandId = $(this).attr('id');
        $.ajax({
            url: 'view.php',
            type: 'POST',
            data: {'brandId': brandId},
            success: function(response){
                $('.janvi').html(response);
            },
            error: function(xhr, status, error){
                // 打印错误详情用于排查
                console.log('状态码:', xhr.status);
                console.log('错误信息:', error);
                $('.janvi').html('Error fetching products. 状态码: ' + xhr.status);
            }
        });
    });
});

常见错误状态对应问题：

• 404：view.php路径错误，确认文件是否和当前页面在同一目录
• 500：PHP代码运行报错，可直接访问view.php查看输出或检查PHP错误日志

2. 修复PHP中的未定义变量与SQL风险 #

当$_POST['brandId']未被正确传递时，PHP会抛出Undefined index: brandId错误，导致HTTP 500状态，触发Ajax错误。同时原代码存在SQL注入风险，需优化：

<?php
// Database connection settings
$servername = "localhost";
$username = "root";
$password = "";
$dbname = "customer";

// 先校验参数是否存在
if (!isset($_POST['brandId'])) {
    echo "缺少brandId参数";
    exit;
}

$brandId = $_POST['brandId'];

// 建立数据库连接
$conn = new mysqli($servername, $username, $password, $dbname);
if ($conn->connect_error) {
    die("Connection failed: " . $conn->connect_error);
}

// 使用预处理语句避免SQL注入，同时处理查询失败情况
$stmt = $conn->prepare("SELECT * FROM productdetail WHERE name = ?");
$stmt->bind_param("s", $brandId);
$stmt->execute();
$result = $stmt->get_result();

if ($result->num_rows > 0) {
    while($row = $result->fetch_assoc()) {
        // 转义输出避免XSS风险
        echo "<p>" . htmlspecialchars($row["name"]) . "</p>";
    }
} else {
    echo "No products found for this brand.";
}

// 关闭连接与预处理语句
$stmt->close();
$conn->close();
?>

3. 额外检查点 #

• 确认.brand类的HTML元素确实带有id属性，例如<a class="brand" id="apple" href="#">Apple</a>
• 打开浏览器控制台的Network标签，查看POST请求的Form Data是否正确携带了brandId参数
• 可通过Postman等工具手动向view.phpPOST参数，测试PHP是否能正常输出结果

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