ajax 分页完全代码整理
来源:互联网 发布:最好的数据统计软件 编辑:程序博客网 时间:2024/05/16 13:57
/* ajax分页 */var page_cur = 1; //当前页 var total_num, page_size, page_total_num;//总记录数,每页条数,总页数function getData(page) { //获取当前页数据 $.ajax({ type: 'GET', url: 处理数据地址, data: { 'page': page, 'catid': '{$video_info.catid}' }, dataType: 'json', success: function(json) { $("#ul_lists").empty(); total_num = json.total_num; //总记录数 page_size = json.page_size; //每页数量 page_cur = page; //当前页 page_total_num = json.page_total_num; //总页数 var li = ""; var list = json.list; $.each(list, function(index, array) { //遍历返回json var curid = {$video_info.id}; var cur = curid == array['id'] ? "class='cur'" : ""; li += "<li "+cur+"><a href='地址/id/"+array['id']+"'>" + array['title'] + "</a><span>"+array['time']+"</span></li>"; }); $("#ul_lists").append(li); }, complete: function() { getPageBar(); //js生成分页,可用程序代替 }, error: function() { alert("数据异常,请检查是否json格式"); } }); }function getPageBar() { //js生成分页 if (page_cur > page_total_num) page_cur = page_total_num; //当前页大于最大页数 if (page_cur < 1) page_cur = 1; //当前页小于1 page_str = "<span>共" + total_num + "条</span><span>" + page_cur + "/" + page_total_num + "</span>"; if(page_total_num > 1){ if (page_cur == 1) { //若是第一页 page_str += "<span>首页</span><span>上一页</span>"; } else { page_str += "<span><a href='javascript:void(0)' data-page='1'>首页</a></span><span><a href='javascript:void(0)' data-page='" + (page_cur - 1) + "'>上一页</a></span>"; } if (page_cur >= page_total_num) { //若是最后页 page_str += "<span>下一页</span><span>尾页</span>"; } else { page_str += "<span><a href='javascript:void(0)' data-page='" + (parseInt(page_cur) + 1) + "'>下一页</a></span><span><a href='javascript:void(0)' data-page='" + page_total_num + "'>尾页</a></span>"; } } $("#page").html(page_str); }$(function() { getData(1);//默认第一页 $("#page a").live('click', function() { //live 向未来的元素添加事件处理器,不可用bind var page = $(this).attr("data-page");//获取当前页 getData(page) });});
数据处理端就正常的接收参数查询数据然后返回json前台处理
/* ajax分页 */var page_cur = 1; //当前页 var total_num, page_size, page_total_num;//总记录数,每页条数,总页数function getData(page) { //获取当前页数据 $.ajax({ type: 'GET', url: 处理数据地址, data: { 'page': page, 'catid': '{$video_info.catid}' }, dataType: 'json', success: function(json) { $("#ul_lists").empty(); total_num = json.total_num; //总记录数 page_size = json.page_size; //每页数量 page_cur = page; //当前页 page_total_num = json.page_total_num; //总页数 var li = ""; var list = json.list; $.each(list, function(index, array) { //遍历返回json var curid = {$video_info.id}; var cur = curid == array['id'] ? "class='cur'" : ""; li += "<li "+cur+"><a href='地址/id/"+array['id']+"'>" + array['title'] + "</a><span>"+array['time']+"</span></li>"; }); $("#ul_lists").append(li); }, complete: function() { getPageBar(); //js生成分页,可用程序代替 }, error: function() { alert("数据异常,请检查是否json格式"); } }); }function getPageBar() { //js生成分页 if (page_cur > page_total_num) page_cur = page_total_num; //当前页大于最大页数 if (page_cur < 1) page_cur = 1; //当前页小于1 page_str = "<span>共" + total_num + "条</span><span>" + page_cur + "/" + page_total_num + "</span>"; if(page_total_num > 1){ if (page_cur == 1) { //若是第一页 page_str += "<span>首页</span><span>上一页</span>"; } else { page_str += "<span><a href='javascript:void(0)' data-page='1'>首页</a></span><span><a href='javascript:void(0)' data-page='" + (page_cur - 1) + "'>上一页</a></span>"; } if (page_cur >= page_total_num) { //若是最后页 page_str += "<span>下一页</span><span>尾页</span>"; } else { page_str += "<span><a href='javascript:void(0)' data-page='" + (parseInt(page_cur) + 1) + "'>下一页</a></span><span><a href='javascript:void(0)' data-page='" + page_total_num + "'>尾页</a></span>"; } } $("#page").html(page_str); }$(function() { getData(1);//默认第一页 $("#page a").live('click', function() { //live 向未来的元素添加事件处理器,不可用bind var page = $(this).attr("data-page");//获取当前页 getData(page) });});
数据处理端就正常的接收参数查询数据然后返回json前台处理
0 0
- ajax 分页完全代码整理
- 代码 ajax分页
- 代码 ajax分页
- PHP ajax 分页类代码
- ajax --- jquery + php 代码整理
- ajax 分页最终版(4)服务端代码
- ajax分页
- AJAX分页....
- ajax 分页
- 分页,ajax。
- ajax分页
- AJAX 分页
- 分页 Ajax
- AJAX分页
- ajax分页
- ajax分页
- Ajax分页
- ajax分页
- 字符串的全排列
- springcloud 中使用eureka/ribbon/Hystrix负载均衡及断路器
- ios 截取view上内容 返回image 保证清晰度
- hadoop 2.8 简单数字排序
- static--修饰(局部变量、全局变量、函数)
- ajax 分页完全代码整理
- 最大子段和问题(dp大法)
- 前端之css遇到的问题
- PHP学习笔记——常规参数的函数
- 1 SpringBoot 使用sharding jdbc进行分库分表
- 【iOS开发】 iOS打包ipa的四种实用方法(.app转.ipa)
- Hive的安装
- es6新特性
- android studio 获取项目的指纹证书