Codeigniter ajax 分页 js版本
本帖最后由 zhengfeity 于 2015-3-18 21:29 编辑HTML 代码段加载过程中
<div id="activity_user" firstload="url">此处为ajax获取到分页的内容 默认为加载中或loading。。。</div>
加载过后样例
<div id="activity_user"><ul>文章等数据</ul><div class="pagestyle">links 1 2 3 4 5 ...</div></div>
jquery 代码段
加载jquery.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')); //加载分页内容
});
控制器代码 基本没变 原来是加载视图 现在是输出视图即可
控制器
funciton url($page)
{
//正常分页代码此处省略
echo $this->load->view('templae',$data,true);
}
学习了,感谢分享
页:
[1]