jquery实现联想词搜索框和搜索结果分页的示例

2020-05-17 06:28:06易采站长站整理

// if(items[i]!=null){
// alert(items[i].name);
// }
// }
var json=items;//json数据
total=obj.total;//记录总数
if(json==null||json==undefined){
$("#datas").html("");
}
else{
$.each(json,function(index,item){
// temp+="<div id='datas' classdivclass="d_out" onmouseover="this.className='d_over'" "+
// "onmouseout="this.className='d_out'" style='padding: 10px 15px 12px 15px;'>"+
// "<strong> <a style='font-size: 20px;font-famliy: 宋体;color:#333;' href='"+item.user_id+"' target='_blank'>"+
// item.user_name+"</a></strong>"+
// "<div style='font-size: 12px; font-famliy: 宋体; '>"+"part_id:"+item.part_id+" </div>"+
// "<div style='font-size: 14px; font-famliy: 宋体; text-indent: 2em; margin-top: 5px;'>"+
// "user_id:"+item.user_id+" </div></div><hr />";
temp+=eval('(' + item + ')')+"<hr />";
});
$("#datas").html(temp); //将创建的新行附加在DIV中
}
}
}
},
error : function() {
alert("搜索失败!");
}
});

return total;
}

function pageClick(pageIndex, total, spanInterval){
var total = pageselectCallback(pageIndex);
if(total!=0){
var intPageIndex = parseInt(pageIndex);
//创建分页
//将总记录数结果 得到 总页码数
var pageS = total;
if (pageS % 10 == 0)
pageS = pageS / 10;
else
pageS = parseInt(total / 10) + 1;
var $pager = $("#Pagination");
//清楚分页div中的内容
$("#Pagination span").remove();
$("#Pagination a").remove();
//添加第一页
if (intPageIndex == 1)
$pager.append("<span class='disabled'>第一页</span>");
else {
var first = $("<a href='javascript:void(0)' first='" + 1 + "'>第一页</a>").click(function () {
pageClick($(this).attr('first'), total, spanInterval);
return false;
});
$pager.append(first);
}
//添加上一页
if (intPageIndex == 1)
$pager.append("<span class='disabled'>上一页</span>");
else {
var pre = $("<a href='javascript:void(0)' pre='" + (intPageIndex - 1) + "'>上一页</a>").click(function () {
pageClick($(this).attr('pre'), total, spanInterval);
return false;
});
$pager.append(pre);
}
//设置分页的格式 这里可以根据需求完成自己想要的结果
var interval = parseInt(spanInterval); //设置间隔
var start = Math.max(1, intPageIndex - interval); //设置起始页
var end = Math.min(intPageIndex + interval, pageS)//设置末页
if (intPageIndex < interval + 1) {
end = (2 * interval + 1) > pageS ? pageS : (2 * interval + 1);