JavaScript中用变量作索引读取PHP数组为空的解决方法

代码失效的核心是PHP与JavaScript的运行环境、执行顺序完全隔离：

• PHP是服务端语言，所有逻辑在页面发送到用户浏览器前就已经在服务器执行完毕，执行阶段根本无法获取浏览器端JavaScript运行时才会赋值的trialNumber、QuestNumber变量。
• 你拼接字符串的写法会被PHP解析为非法语法，最终输出空内容。
• 固定索引的写法能正常运行，是因为索引值硬编码在PHP代码中，服务端执行时可以直接定位到对应数组元素输出。

根据业务场景二选一即可：

方案1：将PHP数组整体转为JSON传给前端（最适配题目展示类站点场景） #

直接在页面中把完整的PHP题目数组转为JavaScript可直接读取的数组格式，后续JS逻辑中直接用变量作为下标取值即可，不需要混拼PHP标签。
代码示例：

<script>
// 页面初始化时直接把PHP数组转成JS全局数组
const QArray = <?php echo json_encode($QArray); ?>;
</script>

<script>
// 后续自己的业务逻辑直接取值，无需嵌套PHP标签
let trialNumber = 1;
let QuestNumber = 0;
let ChoiceSQL = QArray[trialNumber][QuestNumber];
let QuestionSQL = QArray[1][0];
</script>

该方案无需额外发起请求，前端可以直接读取所有预定义题目数据，交互流畅度最高，适合预定义题库的展示场景。

方案2：AJAX异步请求获取指定题目（适合题库数据量较大的场景） #

如果题库数据量过大，不想一次性把全量数据加载到前端，可以单独写PHP查询接口，前端把索引值作为请求参数传给接口，拿到对应题目内容即可。
首先写查询接口文件get_question.php：

<?php
// 引入存储$QArray数组的配置文件
require 'question_config.php';
$trial = intval($_GET['trial']);
$quest = intval($_GET['quest']);
// 做边界校验，防止非法下标访问
if(isset($QArray[$trial][$quest])){
    echo json_encode(['code'=>0, 'data'=>$QArray[$trial][$quest]]);
}else{
    echo json_encode(['code'=>1, 'msg'=>'题目不存在']);
}
?>

前端JS逻辑中发起请求拿数据：

let trialNumber = 1;
let QuestNumber = 0;
fetch(`get_question.php?trial=${trialNumber}&quest=${QuestNumber}`)
.then(res => res.json())
.then(res => {
    if(res.code === 0){
        let ChoiceSQL = res.data;
        // 拿到数据后执行后续题目渲染逻辑
    }
})

注意：不存在直接把JS变量传给内嵌PHP标签的写法，两种语言运行在完全隔离的环境，无法直接跨环境读取运行时变量。

内容的提问来源于stack exchange，提问作者Mohammed Fadel