我在codeigniter中有一个视图，我使用了codeigniter分页方法。我需要通过ajax加载分页，以便我的页面不会改变..
目前我的网址是第一页的。 http://192.168.1.60/dream1/testimonial
进入下一页后，它会将网址更改为http://192.168.1.60/dream1/testimonial/page/2
我需要的是即使我更改了页面，也要从相同的URL加载分页
这是我的控制者：
<?php
if (!defined('BASEPATH'))
exit('No direct script access allowed');
class testimonial extends CI_Controller {
public function __construct() {
parent::__construct();
$this->load->model('testimonials_model','obj_testimonials',TRUE);
}
public function index() {
$row=0;
// $limit='2';
$this->load->library('pagination');
$config = $this->get_pagination_config();
$this->pagination->initialize($config);
$data['links'] = $this->pagination->create_links();
$data['testimonials']=$this->obj_testimonials->get_all_entries($row,$lim=2,$condition=array(),'testimonials_display_order','');
$this->load->view('web/testimonials',$data);
}
public function page($page_number=1)
{
$this->load->library('pagination');
$pagination_config = $this->get_pagination_config();
$per_page = 1;
$row= $page_number * $per_page - $per_page;
$limit = $pagination_config["per_page"];
$this->pagination->initialize($pagination_config);
$data['links'] = $this->pagination->create_links();
$data['testimonials']=$this->obj_testimonials->get_all_entries($row,$lim=2,$condition=array(),'testimonials_display_order','');
$this->load->view('web/testimonials',$data);
}
public function get_pagination_config()
{
$config['base_url'] = site_url() . '/testimonial/page';
$config['full_tag_open'] = '<li>';
$config['full_tag_close'] = '</li>';
$config['uri_segment'] = 3;
$config['total_rows'] = $this->obj_testimonials->countrows();
$config['per_page'] = 2;
return $config;
}
}
（如果每页显示的项目为2，我使用了否）
我的竞争页面是：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link type="image/png" rel="shortcut icon" href="<?= base_url() ?>images/fav.png"/>
<link href='http://fonts.googleapis.com/css?family=Open+Sans:300,400,600' rel='stylesheet' type='text/css'>
<title>Kerala Tourism Places | kerala Tour Packages Review</title>
<meta name="description" content="Here are the testimonials given by travel lovers about thier Kerala holidays, our Honeymoon Packages and holiday packages.">
<meta name="keywords" content="Kerala Tourism Places, kerala Tour Packages Review, kerala Tour Packages">
<meta http-equiv="Content-Language" content="en-us" />
<meta name="author" content="Dreamholidays Kerala" />
<meta http-equiv="Robots" content="index,follow,all" />
<meta name="GOOGLEBOT" content="index,follow,all" />
<link rel="canonical" href="http://dreamholidayskerala.com/testimonials.php" />
<base href="http://dreamholidayskerala.com" />
<meta name="copyright" content="dreamholidayskerala.com">
<link href="<?= base_url() ?>css/style.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="<?= base_url() ?>fonts/font.css">
<link rel="stylesheet" type="text/css" href="<?= base_url() ?>css/style_common.css" />
<link rel="stylesheet" type="text/css" href="<?= base_url() ?>css/style5.css" />
<link rel="stylesheet" type="text/css" href="<?= base_url() ?>css/jquery.fancybox.css?v=2.1.5" media="screen" />
<script type="text/javascript" src="<?= base_url() ?>js/jquery-1.10.1.min.js"></script>
<script type="text/javascript" src="<?= base_url() ?>js/jquery.fancybox.js?v=2.1.5"></script>
<script type="text/javascript">
$(document).ready(function () {
$('.fancybox').fancybox();
});
</script>
</head>
<body>
<div id="wrapper">
<!--banner starts here-->
<div class="sub-banner-wrapper">
<div class="sub-banner"> <img src="<?= base_url() ?>images/sub-banner-4.jpg" /> </div>
<div class="transperant-layer">
<div class="sub-banner-captions">
<h2>Words fuelling us to <span>serve better!</span></h2>
<p>See comments from our esteemed clients that testifies our excellence, professionalism and commitment. </p>
</div>
</div>
</div>
</div>
<!--banner ends here-->
<div class="clear"></div>
<div class="contentarea-main">
<div class="content-area-inner">
<div class="destination-main">
<!--destinations introduction starts here-->
<div class="destination-introduction">
<div class="destination-heading">
<h1>Our <span> Testimonials </span></h1>
</div>
<div class="clear"></div>
</div>
<div class="testimonials-page-main">
<div class="testimonials-box-area" id="containerid">
<?php $i=0;foreach($testimonials as $test){?>
<div class="<?php if($i%2 == 0){echo 'testi-client';}else{echo 'testi-client no-right-margin';}?>">
<?php if(!empty($test['testimonials_image'])){?>
<div class="testi-blue-bg">
<div class="client-round"><img src="<?= base_url()?>uploads/testimonials/thumb/<?= $test['testimonials_image']?>" /></div>
</div>
<div class="client-note">
<p><?= word_limiter($test['testimonials_content'],62);?></p>
<p><span><?= $test['testimonials_name'];?>,</span> <?= $test['testimonials_title'];?></p>
</div>
<?php }else{?>
<div class="client-note">
<p style="width: 440px;"><?= word_limiter($test['testimonials_content'],62);?></p>
<p><span><?= $test['testimonials_name'];?>,</span> <?= $test['testimonials_title'];?></p>
</div>
<?php }?>
</div>
<?php $i++;}?>
</div>
</div>
<div class="pagenintaion-counter">
<ul id="pagination-div-id">
<?php echo $this->pagination->create_links();?>
</ul>
</div>
</div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
</div>
</div>
<div class="clear"></div>
</div>
</body>
</html>
任何人都可以帮助我...
谢谢..
答案 0 :(得分：0)
使用jquery Datatable插件和Datatable库，您可以轻松实现ajax网格刷新，分页，搜索和异步排序。
请参阅以下链接 http://www.datatables.net/examples/data_sources/server_side.html https://github.com/IgnitedDatatables/Ignited-Datatables/