PHP向Ajax返回数组失败：如何传递完整数据库查询行数据

要让Ajax能接收并访问整行数据的各个字段，你需要把PHP查询到的行数据转换成JSON格式返回，这是前后端传递结构化数据的标准方式。下面是具体的修改步骤：

1. 修改PHP代码 #

当前你只输出了单个字段值，我们需要把整行数据编码为JSON字符串返回，同时要注意安全问题（避免SQL注入）：

<?php
// 获取传入的calid，做基础过滤
$calid = isset($_POST['ops']) ? intval($_POST['ops']) : 0;
require '../incs/connect.php';

// 使用预处理语句防止SQL注入（非常重要！）
$stmt = mysqli_prepare($con, "SELECT * FROM calcus_sets WHERE sets_id = ?");
mysqli_stmt_bind_param($stmt, "i", $calid);
mysqli_stmt_execute($stmt);
$result = mysqli_stmt_get_result($stmt);

// 获取单行关联数组（键为数据库字段名）
$row = mysqli_fetch_assoc($result);

// 设置响应头，告诉前端返回的是JSON数据
header('Content-Type: application/json');
// 将数组编码为JSON字符串输出
echo json_encode($row);

// 关闭资源
mysqli_stmt_close($stmt);
mysqli_close($con);
?>

关键修改说明： #

• 用mysqli_fetch_assoc()获取关联数组，直接对应数据库的字段名，方便前端访问
• 用json_encode()把数组转成JSON字符串，这是前后端通用的结构化数据格式
• 增加header('Content-Type: application/json')，确保前端能正确识别数据类型
• 替换了直接拼接SQL的写法，改用预处理语句彻底避免SQL注入风险

2. 修改JavaScript代码 #

在Ajax请求中指定接收JSON类型的数据，这样success回调里的响应会自动解析成JS对象，你可以直接通过字段名访问：

function DB_Fetecher(ops){
 $.ajax({
  type: "POST",
  data: {ops: ops}, // 确保键名和PHP中$_POST['ops']对应
  url: "calcus_es1-fetcher.php",
  dataType: 'json', // 告诉jQuery自动解析JSON响应
  success: function(res) {
    // 现在可以直接访问各个字段了
    console.log('最小值:', res.min);
    console.log('最大值:', res.max);
    // 填充文本框示例（替换成你的实际DOM选择器）
    $('#min_input').val(res.min);
    $('#max_input').val(res.max);
  },
  error: function(xhr, status, error) {
    // 处理请求错误的情况
    console.error('数据请求出错:', error);
  }
 });
}

关键修改说明： #

• 把data: {ops}调整为data: {ops: ops}，确保后端能正确获取到参数值
• 添加dataType: 'json'，让jQuery自动把响应字符串解析为可直接访问的JS对象
• 在success回调里可以直接用res.字段名来读取数据，快速填充到对应的文本框中

为什么之前的方式不行？ #

你之前直接echo单个字段值，返回的是纯文本，没办法传递结构化的整行数据。而JSON格式可以把整个关联数组转换成字符串，前端解析后又能还原成可访问的对象，完美解决你需要同时获取多个字段的需求。

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