在codeigniter中使用来自数据库的加载数据otomatis进行分页ajax

时间:2013-11-24 04:47:28

标签: php jquery mysql ajax codeigniter

我尝试从数据库otomatis加载数据,从phpmyadmin输入查询和otomatis数据可以在视图AJAX中显示,然后我尝试加入分页AJAX。这个我的代码显示otomatis: 型号:

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;
    }

控制:

public function ambilDataTransaksi() {
                      $data=$data=$this->transaksi->get_all_transaksi_proses();
                      echo json_encode(array("result" => $data->result_array()));
        }

观点:

<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 u

1 个答案:

答案 0 :(得分:0)

在你的控制器中添加分页库,逻辑创建偏移量&amp;限制,并加载明智的列表视图...(在这里放置正常的分页代码)

在您的视图上编写此jquery代码以加载不同的页面:

<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>
明智的......你需要做一些挖掘和放大在这里唠叨..但这种方式对我有用。
这是一个供参考的链接&amp;详细示例:http://ellislab.com/forums/viewthread/122597/