如何将下拉列表值关联到PHP请求变量以替换指定JSON文件

1. 前端AJAX请求修改 #

假设你的index.html里单选按钮name为folder_path，下拉菜单id为json-select，修改Send按钮的点击事件，把选中的路径和文件名拼接后传给后端：

// 绑定Send按钮点击事件
document.getElementById('send-btn').addEventListener('click', function() {
    // 获取选中的文件夹路径
    const selectedFolder = document.querySelector('input[name="folder_path"]:checked').value;
    // 获取选中的JSON文件名
    const selectedJsonFile = document.getElementById('json-select').value;
    // 拼接完整JSON路径
    const fullJsonPath = selectedFolder + '/' + selectedJsonFile;

    // 发送AJAX请求
    const xhr = new XMLHttpRequest();
    xhr.open('POST', 'ChatBot.php', true);
    xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
    xhr.onload = function() {
        if (this.status === 200) {
            // 更新聊天回复区域
            document.getElementById('chat-response').textContent = this.responseText;
        }
    };
    // 传递路径参数，注意编码防止特殊字符问题
    xhr.send('json_path=' + encodeURIComponent(fullJsonPath));
});

注意：

• 给单选按钮添加value属性，比如<input type="radio" name="folder_path" value="./data" checked>数据文件夹
• 下拉菜单选项设置正确的文件名value，比如<option value="user-data.json">用户数据</option>

2. ChatBot.php后端修改 #

替换原来固定的$jsonSampleData变量，改为接收前端传的参数，同时加入安全校验防止路径攻击：

// 初始化默认路径
$jsonSampleData = 'test-data.json';

// 接收前端传的路径参数
if (isset($_POST['json_path'])) {
    $jsonPath = $_POST['json_path'];
    // 安全校验：限制只能访问指定目录下的文件，避免路径遍历攻击
    $allowedDirs = ['.', './data', './config']; // 根据你的实际目录调整
    $realPath = realpath($jsonPath);
    
    $isAllowed = false;
    foreach ($allowedDirs as $dir) {
        $realAllowedDir = realpath($dir);
        if (str_starts_with($realPath, $realAllowedDir)) {
            $isAllowed = true;
            break;
        }
    }

    // 验证路径合法且文件存在，才替换默认路径
    if ($isAllowed && file_exists($realPath)) {
        $jsonSampleData = $realPath;
    }
}

// 后续读取JSON文件的逻辑保持不变
$data = json_decode(file_get_contents($jsonSampleData), true);

3. 问题排查要点 #

• 打开浏览器控制台（F12）的Network标签，检查AJAX请求是否发送成功，参数json_path是否正确传递
• 查看PHP错误日志，排查文件读取权限、路径不存在等问题
• 确认拼接的fullJsonPath是服务器能识别的有效路径（相对路径以ChatBot.php所在位置为基准）

内容的提问来源于stack exchange，提问作者tsund-ok