jQuery Pagination Ajax分页插件中文详解
<script type="text/javascript">
function pageselectCallback(page_id, jq){
alert(page_id);
$('#Searchresult').html("");
$.getJSON("http://localhost:8088/JQuery/data.do",showDataFun);
//$('#Searchresult').text("显示结果 "+((page_id*10)+1)+"-"+((page_id*10)+10));
}
function showDataFun(data){
var datas = data.jobs;
for(var i=0;i<datas.length;i++){
$("#Searchresult").append("<li>"+datas[i].name+"</li>");
}
}
/**
* Callback function for the AJAX content loader.
*/
function initPagination() {
var num_entries = $("#testnumber").val();
alert(num_entries);
// Create pagination element
$("#Pagination").pagination(num_entries, {
first_text:"首页",
prev_text:"上一页",
next_text:"下一页",
last_text:"尾页",
ellipse_text:"...",
num_edge_entries: 2,
num_display_entries: 7,
callback: pageselectCallback,
items_per_page:1
});
}
$(document).ready(function(){
$.getJSON("http://localhost:8088/JQuery/data.do",function(data){
$("#testnumber").val(data.numbers);
showDataFun(data);
});
$("#test").load("#",null,initPagination);
//$("#test").hide();
});
</script>
分享到:
相关推荐
jquery pagination 分页组件 jquery pagination 分页组件 jquery pagination 分页组件 官网 https://pagination.js.org/index.html 文档 https://pagination.js.org/docs/index.html
JQuery做静态分页
其中包含6款Ajax分页Demo,文字分页、图片分页都可以。具有一定特效、很炫。基本已经满足各种web分页开发了。
分页,并使用jquery ajax传数据。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。...
利用jquery实现表格动态分页,前台用jquery实现。后台用java实现动态查询数据,分页。
基于jquery的分页功能,基于jquery的分页功能基于jquery的分页功能
jquery动态分页数据获取代码 jquery动态分页数据获取代码
jQuery通过分页加载图片列表代码是一款通过分页按钮控制动态加载图片列表代码。
jQuery带分页动态数据表格插件 jQuery带分页动态数据表格插件
.net 类的JQuery分页.net 类的JQuery分页.net 类的JQuery分页.net 类的JQuery分页
jQuery图片分页切换特效是一款类似网页分页切换的jquery焦点图切换代码。
jquery静态分页
jQueryPager(JQuery分页插件pagination实现Ajax分页) CSDN犀利助互群60168829
jquery 文章分页jQuery分页的解决图片和内容分页显示
jQuery图片分页切换效果代码基于jPages.js和jquery-1.8.3.min.js制作,点击页码进行图片切换。
jQuery分页插件设置分页内容显示数量的分页代码 jQuery分页插件设置分页内容显示数量的分页代码
jquery分页插件结合jsp实例 有什么不晓得的加Q 359709421
jquery mobile分页显示插件
jquery ajax分页插件 jquery ajax分页插件 jquery ajax分页插件