前端传数据到PHP执行SQL后，sessionStorage获取值为null的问题求助

嘿，我看你遇到的问题核心在于PHP没法直接操作前端的sessionStorage，还有几个代码里的小bug，咱们一步步来解决：

核心错误：PHP无法直接修改前端sessionStorage #

你在PHP页面末尾加的<script>代码根本不会在你的前端页面执行——因为这是AJAX请求的响应内容，浏览器不会自动把这段脚本插入到当前页面运行，自然也就没把$haha的数据存入sessionStorage，所以前端console.log(user)才会输出null。

正确的做法是：PHP把查询到的结果以JSON格式返回给前端AJAX的success回调函数，然后在前端回调里把数据存入sessionStorage。

其他代码问题 #

1. 未定义变量$falcon：你在处理字符串的时候用了$falcon，但这个变量根本没定义，应该是想用$name（也就是$_POST['dataA']）。
2. 粗暴处理JSON字符串：用一堆str_replace来解析JSON非常容易出错，应该用PHP的json_decode()函数来解析前端传来的JSON数据。
3. SQL注入风险：直接把用户输入拼到SQL语句里是高危操作，必须用预处理语句来避免注入。

修复后的代码 #

前端JS代码（修改AJAX的success回调） #

<script>
var json = sessionStorage.xhr;
var object = JSON.parse(json);
var hard = object["red-fruits"];
// 这里不需要手动encodeURIComponent，jQuery的AJAX会自动处理
$.ajax({
    type: "POST",
    url: "http://localhost/web/main.php",
    data: {"dataA" : hard}, // 直接传数组，jQuery会自动转成合适的格式
    cache: false,
    dataType: "json", // 指定接收JSON格式的响应
    success: function(response){
        console.log("查询结果：", response);
        // 把结果存入sessionStorage（注意要转成字符串）
        sessionStorage.setItem('impData', JSON.stringify(response));
        // 现在可以取出查看
        var user = JSON.parse(sessionStorage.getItem('impData'));
        console.log("存入sessionStorage的数据：", user);
    },
    error: function(xhr, status, error){
        console.error("请求出错：", error);
    }
});
</script>

后端PHP代码（返回JSON格式结果） #

<?php
$connection = mysqli_connect("localhost","root","","你的数据库名") or die("Error " . mysqli_error($connection));
// 检查是否收到dataA
if (!isset($_POST['dataA'])) {
    // 返回错误JSON
    echo json_encode(["error" => "未收到数据"]);
    exit;
}

// 解析前端传来的数据：如果前端传的是数组，直接用$_POST['dataA']；如果是字符串则用json_decode
$redFruits = is_array($_POST['dataA']) ? $_POST['dataA'] : json_decode($_POST['dataA'], true);

// 预处理SQL，避免注入
$placeholders = implode(',', array_fill(0, count($redFruits), '?'));
$sql = "SELECT row_name FROM 你的表名 WHERE 匹配字段 IN ($placeholders)";
$stmt = mysqli_prepare($connection, $sql);

// 绑定参数：如果是字符串类型用's'，多个参数就重复对应次数
$types = str_repeat('s', count($redFruits));
mysqli_stmt_bind_param($stmt, $types, ...$redFruits);

// 执行查询
mysqli_stmt_execute($stmt);
$result = mysqli_stmt_get_result($stmt);

$haha = [];
while($row = mysqli_fetch_array($result)) {
    $haha[] = $row['row_name'];
}

// 返回JSON格式的结果
echo json_encode($haha);

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

关键说明 #

1. 前端AJAX：直接把数组传给data，jQuery会自动处理编码；指定dataType: "json"让jQuery自动把响应转成JS对象，不用手动解析。
2. PHP处理JSON：兼容前端传数组或字符串的情况，用json_decode解析更安全可靠。
3. SQL安全：用预处理语句绑定参数，彻底避免SQL注入风险。
4. 数据流转：PHP返回JSON结果，前端在回调中接收后存入sessionStorage，这样数据才能正确落到前端存储里。

这样修改后，前端就能正确获取到PHP查询的数据并存入sessionStorage了。

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