Codeigniter ajax 分页 js版本

zhengfeity

HTML 代码段加载过程中

HTML复制代码

 
<div id="activity_user" firstload="url">此处为ajax获取到分页的内容 默认为加载中或loading。。。</div>
 

复制代码

加载过后样例

HTML复制代码

 
<div id="activity_user"><ul>文章等数据</ul><div class="pagestyle">links 1 2 3 4 5 ...</div></div>
 

复制代码

jquery 代码段
加载jquery.js

JS复制代码

 
var activity_user_url = $('#activity_user').attr('firstload'); //获取第一次加载时候的地址
load_activity_user(activity_user_url); //此函数为get获取内容
function load_activity_user(url)
{
$.get(url,function(data,status){
if (status=="success")
{
$('#activity_user').html(data);  
$('#activity_user .pagestyle a').each(function(){  //pagestyle 为分页标签属性
$(this).attr('url',$(this).attr('href')); //把CI分页的A的href 属性转换成URL
$(this).removeAttr('href'); //去掉分页A的HREF
 //<a href="url">下一页</a> 转换成了 <a url="url">下一页</a>
});
}
});
}
 
//点击分页时
$('#activity_user').delegate('a','click',function(){
$('#activity_user').html('加载中');              
        load_activity_user($(this).attr('url')); //加载分页内容
});
 
 

复制代码

控制器代码 基本没变 原来是加载视图 现在是输出视图即可

PHP复制代码

 
控制器
funciton url($page)
{
 //正常分页代码此处省略
echo $this->load->view('templae',$data,true);
}
 
 

复制代码

溺水的鱼_2015

学习了，感谢分享