最近android转战前端.前端不在是以前的前端.(4年多没写).新技术玩不转了.唯一认识的还是jquery,幸好基础底子好。前戏不重要 上代码
page_index:调试会发现分页放在ajax 里面会一直进回调 。pageselectCallback:我的理解是页面被选中后 应该是 上一页 ,下一页 ,具体页码才会回调。 分页的时候也会走回调 。调试发现分页的时候回调page_index为0 利用这个原理 添加逻辑判断如下
var first_flag=true; //是否已经分页
/**
* 分页回调
* @param {Object}
* page_index:
* @param {Object} jq
*/
function pageselectCallback(page_index, jq){
var pageNum = page_index+1;
page_index++;
if(pageNum == 1 && first_flag)
first_flag = false;
else{
if(pageNum == 1)
first_flag = true;
else{
$("#page_index").text(page_index);
}
getList(page_index);
}
return false;
}
/**
* 是否是第一次分页
*/
function pageinit(isfirst,total){
if(isfirst){
$("#count").text(total);
$("#Pagination").pagination(total, {
num_edge_entries: 1, //边缘页数
num_display_entries: 4, //主体页数
callback: pageselectCallback,
items_per_page: page_size_value
});
}
}
function getList(page_index)
{
showLoading();
$.ajax({
url: serverUrl + "trucks/char",
type: 'get',
dataType: "json",
data: {
token:userObj.token,
char:$("#char").val().trim(),
page_index:page_index,
page_size:page_size_value
},
success: function (data) {
closeLoding();
//成功
if(data.code==1000)
{
var total=data.data.count;
pageinit(first_flag,total);
...
}
}}
如果有索搜的话。需要重置first_flag=false;否则查询不分页。之前的写法是用两个ajax请求.第一个获取总数然后分页。不合理。正好调试下个改掉.现在准备用gulp 来实现发布后不用清除缓存.自动对url添加版本号。研究好了接着贴。 有问题可以给我留言。