Codeigniter - 如何从 ajax 获取数据表数据?-php问题

Codeigniter - How to fetch datatable data from ajax?(Codeigniter - 如何从 ajax 获取数据表数据?)

本文介绍了Codeigniter - 如何从 ajax 获取数据表数据?的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

我正在开发一个基于 CodeIgniter 的应用程序.代码如下:

控制器:

公共函数索引(){$数据=数组('记录' =>$this->Parameter_model->get_parameter('tbl_parameter'));$this->site->view('参数', $data);}

模型:

公共函数get_parameter($table){$query = $this->db->query("select * from $table order by 'parameter_ID' ASC");如果($查询-> num_rows()> 0){foreach($query->result_array() as $row){$data[] = $row;}$query->free_result();}别的{$数据=空；}返回 $data;}

查看:

<头><tr><th class="text-nowrap">参数</th><th class="text-nowrap">方法</th><th class="text-nowrap">Type</th><th class="text-nowrap">Action</th></tr></thead><?php if(!empty($record)):?><?php foreach($record as $row):?><tr align="center"><td class="text-nowrap"><a href="<?=set_url('parameter/parameter_view/'.$row['parameter_ID']);?>"><strong><?php echo $row['parameter_name'];?></strong></a></td><td class="text-nowrap"><?php echo $row['parameter_method'];?></td><td class="text-nowrap"><?phpif($row['parameter_type'] == "1"){echo "一般";}别的{echo "仅限 COA";}?></td><td class="text-nowrap"><div><a href="<?=set_url('parameter#edit?parameter_ID='.$row['parameter_ID']);?>"class="btn btn-warning btn-xs">编辑</a><a href="<?=set_url('parameter/parameter_view/'.$row['parameter_ID']);?>"class="btn btn-success btn-xs">Lihat</a><a href="<?=set_url('parameter#hapus?parameter_ID='.$row['parameter_ID']);?>"class="btn btn-danger btn-xs">Hapus</a></td></tr><?php endforeach;?><?php endif;?></tbody><脚><tr><th class="text-nowrap">参数</th><th class="text-nowrap">方法</th><th class="text-nowrap">Type</th><th class="text-nowrap">Action</th></tr></tfoot>

Javascript:

//参数//设置 - 向每个页脚单元格添加文本输入$('#parameter tfoot th').each( function () {var title = $(this).text();$(this).html('<input type="text" style="width:100%;" title="5pCc57Si"+title+'" placeholder="搜索'+title+'"/>' );});//数据表var table = $('#parameter').DataTable({分页:真的，搜索:真实，订购:真实，"顺序": [[ 0, "asc" ]],滚动X:真，滚动条:是的，});//应用搜索table.columns().every( 函数 () {var that = this;$( 'input', this.footer() ).on( 'keyup change', function () {if ( that.search() !== this.value ) {那.search( this.value ).画();}});});

以上代码运行良好.

现在，我想通过 ajax 请求将数据提取到 table id="parameter" 中.我已经从 url 创建了一个 ajax 请求，让我们从这里说 http://'+host+path+'/action/ambil，其中 var path = window.location.pathname; 和 var host = window.location.hostname;.

ajax 响应产生:

{"record":[{"parameter_ID":"1","parameter_name":"pH","parameter_method":"(pH计)","parameter_type":"1",{"parameter_ID":"2","parameter_name":"Viscosity","parameter_method":"(Brookfield-Viscometer)","parameter_type":"1"}]}

问题
如何使用 Ajax 数据源配置数据表，以及如何将数据显示到表中，以便我可以使用数据创建类似代码的链接
<a href="<?=set_url('parameter/parameter_view/'.$row['parameter_ID']);?>">

解决方案

你可以通过做dataTable服务器端脚本如下.

更改您的控制器，以便它处理来自数据表的服务器端调用，并且您只能在控制器中创建动态链接.我在控制器中添加了评论以获取更多详细信息.
更改您的脚本以使用 ajax 调用它.
加载页面时不要在视图 tbody 中加载任何内容.
注意:我跳过了使用直接查询的模型部分.希望你能改变它.

控制器

公共函数索引(){$data = 数组();如果 ($this->input->is_ajax_request()) {/** 这将处理数据表 js ajax 调用 * *//** 获取所有数据表参数 * */$search = $this->input->get('search');/** 数据表的搜索值 * */$offset = $this->input->get('start');/** 偏移值 * */$limit = $this->input->get('length');/** 数据表的限制(显示条目)* */$order = $this->input->get('order');/** order by (column sorted) * */$column = array('parameter', 'method', 'type');/** 在这里设置你的数据库列名以便排序* */$orderColumn = isset($order[0]['column']) ?$column[$order[0]['column']] : '参数';$orderDirection = isset($order[0]['dir']) ?$order[0]['dir'] : 'asc';$ordrBy = $orderColumn ."".$订单方向；如果 (isset($search['value']) && !empty($search['value'])) {/** 创建 sql 或调用模型 * *//** $this->load->model('Parameter_model');$this->Parameter_model->get_parameter('tbl_parameter');* *//** 我直接在控制器中调用 sql 以获得您的答案* 请根据你的表名更改你的sql* */$sql = "SELECT * FROM TABLE_NAME WHERE column_name '%like%'" .$search['value'] .按顺序".$orderBy ." 限制 $offset,$limit";$sql = "SELECT count(*) FROM TABLE_NAME WHERE column_name '%like%'" .$search['value'] .按顺序".$orderBy;$result = $this->db->query($sql);$result2 = $this->db->query($sql2);$count = $result2->num_rows();} 别的 {/*** 如果数据表中没有可用的搜索值*/$sql = "SELECT * FROM TABLE_NAME order by " .$orderBy ." 限制 $offset,$limit";$sql2 = "SELECT * FROM TABLE_NAME order by " .$orderBy;$result = $this->db->query($sql);$result2 = $this->db->query($sql2);$count = $result2->num_rows();}/** 根据需要创建要在数据表中显示的数据 **/$data = 数组();如果 (!empty($result->result())) {foreach ($result->result() as $k => $v) {$数据[] = 数组(/** 你可以在这里添加任何锚链接或动态数据 **/'参数' =>"<a href=".set_url('parameter/parameter_view/'.$v['parameter_ID'])."><strong>".$v['parameter_name']."</strong><;/a>",'方法' =>"<a href=".set_url('parameter/parameter_view/'.$v['parameter_ID'])."><strong>".$v['parameter_name']."</strong><;/a>",'参数类型' =>"<a href=".set_url('parameter/parameter_view/'.$v['parameter_ID'])."><strong>".$v['parameter_name']."</strong><;/a>",'动作' =>"<a href=".set_url('parameter/parameter_view/'.$v['parameter_ID'])."><strong>".$v['parameter_name']."</strong><;/a>");}}/*** 分页和信息需要 draw,recordTotal,recordsFiltered.*/$结果=数组(画"=>$this->input->get('draw'),记录总数"=>计数($数据)，记录过滤" =>$计数，数据" =>$数据);回声 json_encode($results);} 别的 {/** 这将默认加载，没有数据表的数据* 我们将通过datatable ajax调用加载表中的数据*/$this->site->view('参数', $data);}}

查看

 <头><tr><th class="text-nowrap">参数</th><th class="text-nowrap">方法</th><th class="text-nowrap">Type</th><th class="text-nowrap">Action</th></tr></thead>/** tbody 默认为空.**/</tbody><脚><tr><th class="text-nowrap">参数</th><th class="text-nowrap">方法</th><th class="text-nowrap">Type</th><th class="text-nowrap">Action</th></tr></tfoot>

脚本

 <脚本>$(document).ready(function() {$('#example').DataTable({url: '<?php base_url();?>控制器名称/索引',处理:真实，服务器端:真，分页:真的，搜索:真实，订购:真实，顺序:[[0, "asc"]],滚动X:真，滚动条:是的，列:[{数据:参数"}，{数据:方法"}，{数据:参数类型"}，{数据:动作"}]/** 这将创建具有上述列数据的数据表 **

问题描述

基础教程推荐