通过AJAX将JS数据传递给PHP执行SQL查询并返回结果，无表单是否可行？

AJAX设计的初衷就是无需依赖表单提交，就能在当前页面和服务器做异步数据交互，所以你这个技术逻辑是完全成立的。不过看你现有的代码，还有几个关键问题需要修正，才能让整个流程（前端传数据→PHP查询SQL→返回结果给前端）真正跑通：

前端代码的优化点 #

你的AJAX请求已经把数据发出去了，但success回调只做了alert(stringData)，没有处理PHP返回的查询结果。另外读取sessionStorage时最好加个存在性判断，避免报错：

// 先判断sessionStorage里的xhr是否存在
if (sessionStorage.getItem('xhr')) {
  var json = sessionStorage.xhr;
  var object = JSON.parse(json);
  var hard = object["red-fruits"];
  // 这里不需要先stringify再encodeURIComponent，jQuery的AJAX会自动处理
  // 直接传数组即可，jQuery会帮你编码
  $.ajax({
    type: "POST",
    url: "http://localhost/web/main.php",
    data: {"dataA" : hard}, // 直接传数组，不用手动转字符串编码
    cache: false,
    dataType: "json", // 指定接收JSON格式的返回值
    success: function(response) {
      // 这里处理PHP返回的查询结果response
      console.log("查询到的水果列表：", response);
      // 示例：把结果渲染到页面上
      if (response.length > 0) {
        let fruitList = document.createElement('ul');
        response.forEach(fruit => {
          let listItem = document.createElement('li');
          listItem.textContent = fruit;
          fruitList.appendChild(listItem);
        });
        document.body.appendChild(fruitList);
      }
    },
    error: function(xhr, status, error) {
      console.error("请求出错：", error);
    }
  });
} else {
  console.error("sessionStorage中没有找到xhr数据");
}

PHP代码的关键修正 #

你的PHP代码有几个严重问题：SQL注入风险、没有正确处理前端数据、没有返回结果给前端，以下是修正后的版本：

<?php
// 建立数据库连接，注意替换成你的数据库名
$connection = mysqli_connect("localhost","root","","你的数据库名称") or die("连接错误：" . mysqli_error($connection));
mysqli_set_charset($connection, "utf8mb4"); // 设置字符集，避免乱码

// 先判断dataA参数是否存在
if (isset($_POST['dataA'])) {
  $fruitsArray = $_POST['dataA'];
  // 前端直接传的是数组，PHP能直接通过$_POST['dataA']拿到，无需手动解析字符串
  
  // ******** 重点：用预处理语句防止SQL注入 ********
  // 生成和数组长度匹配的占位符（?）
  $placeholders = implode(',', array_fill(0, count($fruitsArray), '?'));
  $sql = "SELECT fruits FROM 你的表名称 WHERE fruits IN ($placeholders)";
  
  // 初始化预处理语句
  $stmt = mysqli_prepare($connection, $sql);
  if (!$stmt) {
    die("预处理语句创建失败：" . mysqli_error($connection));
  }
  
  // 绑定参数：s表示字符串类型，根据数组长度生成对应数量的s
  $types = str_repeat('s', count($fruitsArray));
  mysqli_stmt_bind_param($stmt, $types, ...$fruitsArray);
  
  // 执行查询
  mysqli_stmt_execute($stmt);
  
  // 获取结果集
  $result = mysqli_stmt_get_result($stmt);
  
  $haha = [];
  while($row = mysqli_fetch_array($result)) {
    $haha[] = $row['fruits'];
  }
  
  // 将结果转为JSON格式返回给前端
  header('Content-Type: application/json');
  echo json_encode($haha);
  
  // 关闭语句
  mysqli_stmt_close($stmt);
} else {
  // 返回标准的错误JSON
  header('Content-Type: application/json');
  echo json_encode(["error" => "未接收到dataA参数"]);
}

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

为什么要这么改？ #

1. 前端部分：jQuery的AJAX支持直接传递数组，会自动编码成dataA[]=苹果&dataA[]=草莓的格式，PHP端能直接拿到数组，省去手动解析字符串的麻烦，减少出错概率。
2. PHP部分：
   • 用预处理语句代替直接拼接SQL，彻底避免SQL注入风险（这是后端开发的核心安全要求）
   • 最后用json_encode把查询结果转为JSON格式，前端指定dataType: "json"后能直接拿到数组，方便后续处理
   • 完善了错误处理逻辑，确保无论请求成功还是失败，都返回标准的JSON响应给前端

按照上面的代码调整后，整个流程就能正常跑通了，完全不需要依赖表单提交。

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