You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

CodeIgniter框架下如何通过onclick事件调用控制器并传递ID

解决CodeIgniter中点击按钮跳转控制器并传递ID的问题

我来帮你搞定这个问题~你的代码现在已经能获取到按钮对应的ID,但没把它传递到控制器的跳转URL里,而且还有点小的HTML结构问题,咱们一步步来改:

第一步:修正HTML结构(先解决小bug)

你原代码里的<a>标签和<i>标签都没闭合,这可能导致页面结构异常,先把它们补上:

<?php foreach($fetch_file as $row) { 
    echo '<tr>';
    echo '<td>' . base64_decode($row->file_perm_desc) . '</td>';
    echo '<td style = "text-align:center;">' . date_format((date_create($row->date_entry)),"M d, Y") . '</td>';
    echo '<td class = "text-center"><a class="btn btn-info" > 
            <input type = "hidden" name = "editid" class = "openid" value = ' . $row->file_perm_id . '> 
            <i class="glyphicon glyphicon-folder-open"></i></a></td>';
    echo '<td class = "text-center"><a class="btn btn-warning" > 
            <input type = "hidden" name = "editid" class = "unpublishid" value = ' . $row->file_perm_id . '> 
            <i class="glyphicon glyphicon-comment"></i></a></td>';
    echo '<td class = "text-center"><a class="btn btn-danger" > 
            <input type = "hidden" name = "editid" class = "deleteid" value = ' . $row->file_perm_id . '> 
            <i class="glyphicon glyphicon-trash"></i></a></td>';
    echo '<td class = "text-center"><a class="btn btn-success" > 
            <input type = "hidden" name = "editid" class = "downloadid" value = ' . $row->file_perm_id . '> 
            <i class="glyphicon glyphicon-download"></i></a></td>';
    echo '</tr>'; 
} ?>

第二步:修改JavaScript,传递ID到控制器

现在要把获取到的id拼接到跳转URL里,CodeIgniter有两种常用的参数传递方式,选哪种都可以:

方式1:URL分段传递(CodeIgniter推荐的RESTful风格)

修改你的JS代码,把ID作为URL的一部分传递:

$('.btn-info').click(function() { 
    var id = $(this).find('.openid').val(); 
    // 把ID拼接到控制器方法的URL后面
    window.location.replace("<?php echo base_url('ClientCont/List_Files'); ?>/" + id); 
});

然后在你的ClientCont控制器里,要给List_Files方法添加参数来接收ID:

class ClientCont extends CI_Controller {
    public function List_Files($id) {
        // 这里就可以使用$id变量了,比如查询数据库等操作
        echo "传递过来的ID是:" . $id;
    }
}

方式2:查询字符串传递(用?id=xxx的形式)

如果习惯用查询字符串,JS代码可以改成这样:

$('.btn-info').click(function() { 
    var id = $(this).find('.openid').val(); 
    window.location.replace("<?php echo base_url('ClientCont/List_Files'); ?>?id=" + id); 
});

对应的控制器里,用input类来获取ID:

class ClientCont extends CI_Controller {
    public function List_Files() {
        $id = $this->input->get('id');
        // 使用$id做后续操作
        echo "传递过来的ID是:" . $id;
    }
}

额外提醒

如果你的CodeIgniter开启了enable_query_strings配置(默认是关闭的),要确保配置正确;如果用URL分段方式,要保证路由规则没有冲突,默认情况下控制器/方法/参数的格式是可以直接用的,不需要额外配置路由。

内容的提问来源于stack exchange,提问作者Niño Cuenco

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.05.28 09:57:58