如何在 CodeIgniter 中将数据库记录数通过 AJAX 返回到前端-php教程-PHP中文网

如何在 CodeIgniter 中将数据库记录数通过 AJAX 返回到前端

本文详解如何在 CodeIgniter 中正确使用 count_all_results() 获取记录总数，并通过 AJAX 将纯数值结果传递至前端 JavaScript，实现动态填充表单字段（如文本框），避免 JSON 封装冗余、类型错误及 DOM 操作误用。

本文详解如何在 codeigniter 中正确使用 `count_all_results()` 获取记录总数，并通过 ajax 将纯数值结果传递至前端 javascript，实现动态填充表单字段（如文本框），避免 json 封装冗余、类型错误及 dom 操作误用。

在 CodeIgniter 开发中，常需根据用户操作（如下拉选择）实时查询子级数据条数并更新界面。但若控制器直接 echo json_encode($data) 返回整数，而前端又误用 $.each 遍历非数组响应，或错误调用 $('#selector').value（jQuery 对象无 .value 属性），就会导致赋值失败。以下是经过验证的完整解决方案：

✅ 正确的后端实现（Controller + Model）

Controller 方法应直接输出纯整数（无需 JSON 包装）：

public function get_subaccount_count(int $id): void
{
    // 直接输出整型结果，不加 json_encode
    echo $this->accounts_model->get_count($id);
    exit; // 确保无额外输出（防止 headers 已发送错误）
}

Model 方法应精简、链式调用，移除无效 SQL 字符串：

public function get_count(int $id): int
{
    return $this->db
        ->where('node_parent', $id)
        ->count_all_results($this->tablename); // 自动执行 COUNT(*) 并返回整数
}

⚠️ 注意：count_all_results() 已内置 SELECT COUNT(*) 逻辑，无需手动拼接 SQL；传入表名参数是安全且推荐的做法。

PigX UI 前端开发
PigX UI Pro 前端开发指南 - Vue 3 + TypeScript + Element Plus。当用户提到 PigX UI、PigX 前端、lgb-mgui 项目、Vue 3 企业级后台开发、Element Plus 后台开发时使用此技能。

下载

✅ 前端 AJAX 调用与赋值（推荐简洁写法）

原始代码中存在两个关键问题：

$('#account_code').value 是原生 JS 写法，jQuery 对象需用 .val()；
result 是纯数字（非对象/数组），不应使用 $.each 遍历。

修正后的 AJAX 请求（使用 $.get 更简洁）：

$('#sub_account').change(function() {
    const mainCode = $('#main_code').val();
    if (!mainCode) return;

    $.get('<?php echo base_url(); ?>index.php/accounts/get_subaccount_count/' + mainCode, function(result) {
        // result 是字符串形式的数字（如 "5"），自动转为数字亦可
        $('#account_code').val(parseInt(result, 10) || 0); // 安全转换 + 默认值兜底
    }).fail(function(xhr) {
        console.error('获取子账户数量失败:', xhr.responseText);
        $('#account_code').val('0');
    });
});

? 补充说明与最佳实践

Content-Type 无需强制设置：CodeIgniter 默认输出为 text/html，而 $.get / $.ajax 在 dataType: "text"（默认）下能正确解析纯数字字符串；
若坚持使用 json 类型，则控制器必须 echo json_encode(['count' => $num])，前端改为 response.count 访问，但对单值场景属过度设计；
防 XSS 与输入校验：生产环境应在 Controller 中校验 $id 是否为合法整数（如 is_numeric($id) && (int)$id > 0）；
CSRF 保护：如开启 CSRF，需在 AJAX 请求头中添加 X-CSRF-TOKEN，或在 data 中携带 token 字段。

通过以上调整，即可稳定、高效地将数据库统计结果实时回填至页面元素，兼顾性能、可读性与健壮性。