基于其他字段输入更新HTML表格值的技术求助

你的代码存在几处关键错误导致功能失效，同时明确回答：PHP完全可以向AJAX返回数据，下面是具体问题排查和修复后的代码：

1. JavaScript 核心错误与修复 #

• this 上下文丢失：onblur="CheckProduct()" 未传递当前元素引用，函数内的this不指向触发事件的select，需改为onblur="CheckProduct(this)"
• 元素选择器错误：原代码用find('GetProduct')未指定选择器类型，且重复使用id="GetProduct[]"违反HTML规则（id必须唯一），改为用class定位更可靠
• AJAX数据格式错误：data对象内的键值对多了分号，需删除
• success函数上下文错位：success回调内的this不再指向原元素，需提前保存上下文
• TD元素赋值错误：<td>不是表单控件，不能用.val()，需用.text()/.html()赋值

修复后的JavaScript #

function CheckProduct(elem) {
    var $row = $(elem).closest('tr');
    var pcode = $row.find('.GetProduct').val();

    // 空值直接清空TD，避免无效请求
    if (!pcode) {
        $row.find('.Description').text('');
        return;
    }

    $.ajax({
        url: 'checkproduct.php',
        type: "POST",
        data: {
            'pcode': pcode
        },
        success: function(data) {
            $row.find('.Description').text(data);
            alert(data);
        },
        error: function(xhr, status, error) {
            // 新增错误提示，方便调试
            alert('请求出错: ' + error);
        }
    });
}

2. HTML 代码优化 #

• 替换重复id为class：解决多表格行的id重复问题
• 新增XSS防护：用htmlspecialchars()转义输出内容，避免特殊字符破坏HTML结构

修复后的HTML #

<td style="width:25%;">
<?php
    echo '<select onblur="CheckProduct(this)" class="GetProduct" name="GetProduct[]" required>';
    echo '<option value=""></option>';
    $sql = "SELECT ProdCode, ProdDescription, OrgCode, SKU FROM whproducts";
    $result = mysqli_query($conn, $sql);
    if (mysqli_num_rows($result) > 0 ) {
        while ($row = mysqli_fetch_assoc($result)) {
            echo "<option value='" . htmlspecialchars($row["ProdCode"]) . "'>" . htmlspecialchars($row["ProdCode"]) . " - " . 
            htmlspecialchars($row["ProdDescription"]) . "</option>";
        }
    }
    echo '</select>';
?>
</td>
<td style="width:25%;" class="Description"></td>

3. PHP 代码安全与功能修复 #

• 消除SQL注入风险：替换直接拼接SQL为预处理语句
• 修正结果输出逻辑：原代码直接输出mysqli结果对象，需取出查询到的文本内容
• 增加错误处理：补充数据库连接、参数合法性、查询结果的检查逻辑

修复后的checkproduct.php #

<?php
$servername = "XXX";
$username = "XXX";
$password = "XXX";
$dbname = "XXX";

// 检查数据库连接
$conn = mysqli_connect($servername, $username, $password, $dbname);
if (!$conn) {
    die('数据库连接失败: ' . mysqli_connect_error());
}

// 检查参数是否合法
if (!isset($_POST['pcode']) || empty($_POST['pcode'])) {
    die('缺少必要参数');
}

$code = $_POST['pcode'];

// 使用预处理语句防止SQL注入
$sql = "SELECT ProdDescription FROM whproducts WHERE ProdCode = ?";
$stmt = mysqli_prepare($conn, $sql);
mysqli_stmt_bind_param($stmt, "s", $code);
mysqli_stmt_execute($stmt);
$result = mysqli_stmt_get_result($stmt);

// 输出查询结果
if ($row = mysqli_fetch_assoc($result)) {
    echo $row['ProdDescription'];
} else {
    echo ''; // 无匹配结果时返回空文本
}

// 释放资源
mysqli_stmt_close($stmt);
mysqli_close($conn);
?>

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