zhengfeity 发表于 2015-3-18 21:24:25

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


溺水的鱼_2015 发表于 2015-8-20 23:24:18

学习了,感谢分享
页: [1]
查看完整版本: Codeigniter ajax 分页 js版本