CodeIgniter视图中如何将查询结果传递至JavaScript？

嘿，我来帮你搞定这个问题！你现在的代码里把PHP和JavaScript混写的方式有点小问题——毕竟PHP是服务器端运行的，JS是客户端浏览器里执行的，直接嵌套循环很容易造成逻辑混乱，而且事件监听的写法也有错误。下面给你讲正确的实现思路和代码示例：

一、核心思路：把PHP查询结果转成JSON传给JS #

CodeIgniter的查询结果可以很方便地转成JSON格式，让JavaScript直接拿到可用的对象数组，这样就能完全在JS里处理逻辑，不用再混写PHP代码了。

步骤1：在控制器里处理查询并转成JSON #

首先在你的Controller中，获取查询结果后，用json_encode()把它转成JSON字符串，再传给视图：

// 你的控制器代码示例
$this->load->model('Scale_model'); // 假设你的模型叫Scale_model
// 获取查询结果，用result_array()转成数组（方便JSON编码）
$scale_data = $this->Scale_model->get_scale_records();
// 转成JSON字符串，传给视图
$data['scale_json'] = json_encode($scale_data);
// 加载视图并传递数据
$this->load->view('your_view_file', $data);

步骤2：在视图中把JSON赋值给JS变量 #

在你的HTML视图里，把控制器传来的JSON字符串直接输出给JS变量，JS会自动把它解析成对象数组：

// 视图中的JavaScript代码
// 直接把PHP输出的JSON赋值给JS变量，注意不要加引号，因为JSON本身就是合法的JS对象表示
const scaleData = <?php echo $scale_json; ?>;

步骤3：修改你的JS逻辑，用JS数组处理 #

现在你可以完全用JavaScript来编写sum_values函数，不用再嵌套PHP循环了，同时修正事件监听的问题：

// 修正事件监听：不要直接调用函数，而是传递函数引用或用箭头函数包裹
for(let i = 0; i < element_array.length; i++){
    element_array[i].addEventListener("keyup", () => {
        sum_values(); // 如果需要传参数，比如当前输入框的值，可以在这里传
    });
}

function sum_values(){
    // 假设sid和grade是你已经获取到的变量
    if(sid === '2'){
        // 遍历JS里的scaleData数组，匹配对应的区间
        for(let value of scaleData){
            if(grade >= value.min && grade <= value.max){
                a.innerHTML = value.scale;
                break; // 找到匹配项后退出循环，避免重复赋值
            }
        }
    }
}

二、关键注意事项 #

• 确保你的查询结果用result_array()转成数组后再编码，这样json_encode生成的JSON结构更符合JS的使用习惯；
• 如果查询结果里有特殊字符（比如引号、换行），json_encode会自动转义，不用担心JS解析出错；
• 事件监听时，不要直接写sum_values(xxx)，这会立即执行函数，而不是把它作为回调——要用箭头函数或者绑定函数引用。

参考资料提示 #

你可以查看CodeIgniter官方文档中「视图数据传递」「数据库查询结果处理」的章节，以及PHP官方文档里json_encode函数的说明，这些内容都能帮你更深入理解这种实现方式。

内容的提问来源于stack exchange，提问作者Christianus Andre