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

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

本文介绍如何在 CodeIgniter 中正确使用 count_all_results() 获取记录数，并通过 AJAX 将纯整数值返回给前端 JavaScript，实现动态填充表单字段。

本文介绍如何在 codeigniter 中正确使用 `count_all_results()` 获取记录数，并通过 ajax 将纯整数值返回给前端 javascript，实现动态填充表单字段。

在 CodeIgniter 开发中，常需根据父级 ID 动态统计子级记录数量（如子账户数量），并将该数值实时显示在页面表单中。关键在于后端返回简洁、可直接使用的原始数值，而非封装后的 JSON 对象；前端则需正确接收并赋值——避免常见误区（如误用 $.each 遍历单个数字、错误设置 .value 属性等）。

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

控制器方法应直接输出整型结果，无需 json_encode() 包装（除非明确需要 JSON 结构）：

// controllers/Accounts.php
public function get_subaccount_count(int $id): void
{ 
    echo $this->accounts_model->get_count($id);
    exit; // 确保无额外输出
}

模型方法应链式调用查询条件并直接返回计数结果，移除冗余 SQL 字符串：

// models/Accounts_model.php
public function get_count(int $id): int
{
    return $this->db->where('node_parent', $id)
                    ->count_all_results($this->tablename);
}

⚠️ 注意：count_all_results() 本身已执行查询并返回整数，无需手动拼接 SQL 或调用 query()。

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

由于后端返回的是纯文本数字（如 5），dataType: "text" 即可满足需求（默认亦可）。若强制设为 "json"，则需确保后端 echo json_encode($num)，否则会解析失败。

前端设计引擎

使用此技能可创建独具特色、具备生产级质量的前端界面，设计品质高。当用户要求构建网页组件、页面、产物、海报或应用程序时（例如：网站、落地页、仪表盘、React 组件、HTML/CSS 布局，或对任意 Web UI 进行样式优化与视觉美化），请启用该能力。输出需为富有创意、精雕细琢的代码与 UI 设计，避免千篇一律的 AI 风格。

下载

推荐写法（简洁可靠）：

$('#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 是字符串，需转为数字（或直接赋值，input.value 支持字符串）
        $('#account_code').val(parseInt(result, 10) || 0); // 更健壮：处理空/无效响应
    }).fail(function() {
        $('#account_code').val('0');
        console.warn('Failed to fetch sub-account count.');
    });
});

若坚持使用 $.ajax：

$.ajax({
    type: 'GET',
    url: '<?php echo base_url(); ?>index.php/accounts/get_subaccount_count/' + $('#main_code').val(),
    dataType: 'text', // 明确指定，避免自动 JSON 解析
    success: function(result) {
        $('#account_code').val(result.trim() || '0');
    },
    error: function() {
        $('#account_code').val('0');
    }
});

? 关键要点总结

后端不封装：直接 echo $count，避免 json_encode() 增加前端解析负担；
前端用 .val()：jQuery 对象应调用 .val() 方法设置输入框值，而非原生 .value（$('#account_code').value 无效）；
防错处理：添加 parseInt() 和默认值（如 || 0），防止空响应导致 NaN；
路由安全：确保 $id 已校验为合法整数（如 Controller 中 is_numeric($id) 或类型声明）；
性能优化：count_all_results() 内部使用 SELECT COUNT(*)，高效且安全，无需手写 SQL。

通过以上调整，即可稳定、高效地将子记录总数实时注入表单字段，提升用户体验与代码健壮性。