如何将URL哈希值传递至PHP并用于请求解析JSON数据？

URL的哈希（#）部分不会被浏览器发送到服务器，所以PHP无法直接获取这部分内容，必须通过前端把提取到的哈希值传递给后端，以下是几种可行的实现方案：

方法1：AJAX异步传递哈希值 #

用jQuery的AJAX把提取到的哈希值发送到PHP脚本，PHP拿到值后即可处理请求并返回结果：

前端代码 #

$(function(){
    // 提取哈希中的目标值
    var hashValue = window.location.hash.replace('#url=', '');
    
    // 发送到PHP处理
    $.ajax({
        url: 'your-handler.php', // 替换为你的PHP处理文件路径
        type: 'POST',
        data: { dynamicValue: hashValue },
        success: function(response) {
            // 处理PHP返回的解析后的数据，比如渲染到页面
            console.log(response);
        }
    });
});

后端PHP代码（your-handler.php） #

<?php
if(isset($_POST['dynamicValue'])){
    $dynamicValue = $_POST['dynamicValue'];
    
    // 构造请求链接并解析JSON
    $requestUrl = "https://your-target-api.com/data?param=" . urlencode($dynamicValue);
    $jsonData = file_get_contents($requestUrl);
    $parsedData = json_decode($jsonData, true);
    
    // 返回处理后的数据给前端
    echo json_encode($parsedData);
}
?>

方法2：页面加载时重定向，将哈希转为GET参数 #

如果需要PHP在页面初始加载时就拿到值，可以让前端把哈希值转成GET参数，重定向到当前页面：

前端代码 #

$(function(){
    var hash = window.location.hash;
    if(hash && hash.startsWith('#url=')){
        var dynamicValue = hash.replace('#url=', '');
        // 重定向到带GET参数的URL
        window.location.href = window.location.pathname + "?dynamicValue=" + encodeURIComponent(dynamicValue);
    }
});

后端PHP代码 #

<?php
if(isset($_GET['dynamicValue'])){
    $dynamicValue = $_GET['dynamicValue'];
    
    // 后续构造请求、解析JSON的逻辑
    $requestUrl = "https://your-target-api.com/data?param=" . urlencode($dynamicValue);
    $jsonData = file_get_contents($requestUrl);
    $parsedData = json_decode($jsonData, true);
    
    // 这里可以使用$parsedData做后续业务处理
}
?>

注意：这种方法会触发页面刷新，适合需要PHP在页面加载初期就完成数据处理的场景。

方法3：通过表单隐藏字段提交 #

如果有表单提交的场景，可以把哈希值存入隐藏字段，随表单一起提交给PHP：

前端代码 #

$(function(){
    var dynamicValue = window.location.hash.replace('#url=', '');
    // 将值赋值给隐藏字段
    $('#dynamicValueInput').val(dynamicValue);
});

HTML表单 #

<form action="your-handler.php" method="post">
    <input type="hidden" id="dynamicValueInput" name="dynamicValue">
    <button type="submit">提交处理</button>
</form>

后端PHP代码 #

<?php
if(isset($_POST['dynamicValue'])){
    $dynamicValue = $_POST['dynamicValue'];
    // 构造请求链接并解析JSON的逻辑与方法1一致
}
?>

内容的提问来源于stack exchange，提问作者K.Mughal