首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >从数据库加载数据的codeigniter中的分页ajax

从数据库加载数据的codeigniter中的分页ajax
EN

Stack Overflow用户
提问于 2013-11-24 12:47:28
回答 1查看 695关注 0票数 0

我尝试从数据库otomatis加载数据,从phpmyadmin输入查询,otomatis数据可以在视图AJAX中显示,然后我尝试使用分页AJAX连接。这是我用来显示otomatis : model的代码:

代码语言:javascript
复制
function get_all_transaksi_proses() {
        $limit=10; $offset = 0;   
        $rs = $this->db->query("SELECT a.id_transaksi, a.nama, a.tgl_transaksi, 
        (SELECT COUNT( id_transaksi ) AS jum FROM tbl_detail_trs_menu WHERE id_transaksi = a.id_transaksi) 
        AS jumlah, a.status_transaksi, a.total, b.status_pelanggan, c.nama_karyawan FROM tbl_transaksi a LEFT JOIN 
        tbl_pelanggan b ON a.id_pelanggan = b.id_pelanggan LEFT JOIN tbl_karyawan c ON a.id_karyawan = 
        c.id_karyawan WHERE a.status_transaksi =  'PROSES' LIMIT ".$offset.",".$limit."");  
        return $rs;
    }

控制:

代码语言:javascript
复制
public function ambilDataTransaksi() {
                      $data=$data=$this->transaksi->get_all_transaksi_proses();
                      echo json_encode(array("result" => $data->result_array()));
        }

查看:

代码语言:javascript
复制
<script type="text/javascript"> 
        $(document).ready(function() {        
        selesai();
});

function selesai() {
    setTimeout(function() {

        update();
        selesai();
    }, 200);
}

function update() {

    $.getJSON("<?php echo base_url();?>transaksiDigorCont/ambilDataTransaksi", function(data) {

        $(".dataku").empty();
        $no=1;
        $.each(data.result, function() { 

        $(".dataku").append(

                "<tr><td>"+$no+"</td>\n\
                <td>"+this['id_transaksi']+"</td>\n\
                <td>"+this['nama']+"</td>\n\
                <td>"+this['tgl_transaksi']+"</td>\n\
                <td>"+this['jumlah']+"</td>\n\
                <td>"+this['status_transaksi']+"</td>\n\
                <td>"+this['total']+"</td>\n\
                <td>"+this['status_pelanggan']+"</td>\n\
                <td>"+this['nama_karyawan']+"</td><td>"+this['nama_karyawan']+"</td></tr>");
        $no++;});
    });
}

</script>

所以为什么我在这段代码中实现分页...thx使用

EN

回答 1

Stack Overflow用户

发布于 2013-11-26 17:16:14

在你的控制器中添加分页库,逻辑创建偏移和限制,并加载列表视图,如wise…(在此处放置正常的分页代码)

在视图中编写以下jquery代码以加载不同的页面:

代码语言:javascript
复制
<script>
$(function(){
   $("#pagination-div-id a").click(function(){
   $.ajax({
   type: "POST",
   url: $(this).attr("href"),
   data:"q=<?php echo $searchString; ?>",
   success: function(res){
      $("#containerid").html(res);
   }
   });
   return false;
   });
});
</script>

比如明智的..。你需要在这里做一些挖掘和调整..但是这种方式对我来说很有效。

这里有一个可供参考的链接&详细示例:http://ellislab.com/forums/viewthread/122597/

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/20171220

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档