如何在 CodeIgniter 3 中实现复选框批量删除多条记录-php教程-PHP中文网

如何在 CodeIgniter 3 中实现复选框批量删除多条记录

本文详解在 codeigniter 3 框架中，通过前端复选框选择多条数据并调用 ajax 发起 post 请求，安全高效地批量删除数据库记录的完整实现流程，含路由配置、控制器逻辑、视图渲染与常见 404 错误修复。

本文详解在 codeigniter 3 框架中，通过前端复选框选择多条数据并调用 ajax 发起 post 请求，安全高效地批量删除数据库记录的完整实现流程，含路由配置、控制器逻辑、视图渲染与常见 404 错误修复。

在 CodeIgniter 3 中实现“勾选复选框批量删除”是后台管理系统的高频需求。其核心在于前后端协同：前端收集选中项 ID，通过 AJAX 提交；后端接收并执行 WHERE IN 批量删除。但初学者常因路由定义不规范（如错误使用 $route['itemDelete']['post']）导致 404 报错——CodeIgniter 3 的路由数组语法不支持直接在键名后附加 HTTP 方法修饰符，这是本方案最关键的易错点。

✅ 正确的路由配置（修复 404 根本原因）

在 application/config/routes.php 中，应使用纯字符串映射，而非嵌套数组语法：

$route['item'] = 'item';                    // GET /item → 显示列表页
$route['itemDelete'] = 'item/deleteAll';   // POST /itemDelete → 处理删除

⚠️ 注意：CodeIgniter 3 的 $route 数组不支持 $route['xxx']['post'] 这类写法，该语法仅适用于 CI4。若强行使用，框架无法识别路由，直接返回 404。

CodeIgniter 4.7.0
CodeIgniter下载页提供 CodeIgniter 4.7.0 官方源码包，并整理框架安装、数据库配置与入门开发说明。

下载

如需严格限定仅允许 POST 访问（推荐），可在控制器方法内校验请求方式，而非依赖路由层限制：

// application/controllers/Item.php
public function deleteAll()
{
    // 强制校验请求方法（更可靠的安全措施）
    if ($_SERVER['REQUEST_METHOD'] !== 'POST') {
        show_404();
    }

    $ids = $this->input->post('ids');
    if (empty($ids)) {
        echo json_encode(['error' => 'No IDs provided']);
        return;
    }

    // 安全过滤：确保所有 ID 均为正整数
    $idArray = array_map('intval', explode(',', $ids));
    $idArray = array_filter($idArray, function($id) { return $id > 0; });

    if (empty($idArray)) {
        echo json_encode(['error' => 'Invalid IDs']);
        return;
    }

    // 执行批量删除
    $this->db->where_in('id', $idArray);
    $deletedCount = $this->db->delete('items');

    echo json_encode([
        'success' => true,
        'message' => "Deleted {$deletedCount} item(s) successfully.",
        'count'   => $deletedCount
    ]);
}

? 前端视图关键优化（增强健壮性）

application/views/item.php 中的 JavaScript 需同步调整，避免冗余 DOM 操作，并统一错误处理：

<script type="text/javascript">
$(document).ready(function() {
    // 全选/取消全选
    $('#master').on('change', function() {
        $('.sub_chk').prop('checked', this.checked);
    });

    // 批量删除按钮
    $('.delete_all').on('click', function(e) {
        e.preventDefault();

        const selectedIds = $('.sub_chk:checked').map(function() {
            return $(this).data('id');
        }).get();

        if (selectedIds.length === 0) {
            alert('⚠️ 请至少选择一项！');
            return;
        }

        if (!confirm(`确认删除 ${selectedIds.length} 条记录？此操作不可撤销！`)) {
            return;
        }

        $.ajax({
            url: '/itemDelete', // 确保与路由定义完全一致
            type: 'POST',
            data: { ids: selectedIds.join(',') },
            dataType: 'json',
            beforeSend: function() {
                $('.delete_all').prop('disabled', true).text('删除中...');
            },
            success: function(res) {
                if (res.success) {
                    // 逐行移除已删除的行（视觉反馈）
                    selectedIds.forEach(id => {
                        $('tr').has(`[data-id="${id}"]`).fadeOut(300, function() {
                            $(this).remove();
                        });
                    });
                    alert('✅ ' + res.message);
                } else {
                    alert('❌ ' + (res.error || '删除失败，请重试'));
                }
            },
            error: function(xhr) {
                alert('❌ 请求异常：' + (xhr.responseJSON?.error || xhr.statusText));
            },
            complete: function() {
                $('.delete_all').prop('disabled', false).text('删除所选项');
            }
        });
    });
});
</script>