jQuery Ajax自定义分页组件的详细示例

分页可以通过两个简单的步骤来实现

script src=' http :%=basePath %/resources/js/jquery-1 . 7 . 1 . min . js '/script script src=' http :%=basePath %/resources/js/jquery . loehpagerv 1 . 0 . js '/script type=' text/JavaScript '/business processing in callback function loehpagecallback(data){ alert('此处为回调处理的数据')；} $(function(){ $(' # customer pager '))。LoehPagerPlugin({ ' color ' : ' gray '，' fontSize': '15px '，' totalCount':%=totalpage%，' pageSize':'15 '，' AJaxcallback ' : ' loehpagercallback '，' AJaxRequestParameter ' : ' name=leohpagerage=10 '，' ajaxRequestParameter ' :)path=data ' })；});/script html正文div id=' customer pager ' style=' position : relative；top :-25px；' left: 220px'/div/body/html total count ' :%=total page 3360 total page是首次加载页面时查询的分页表中的总页数。

Ajax回调' :' LoehPagercallback' :在此设置回调方法。您可以将方法名称修改为由调用页定义的任何js方法。

Ajax request parameter ' : ' name=leohpagerage=10 ' :

ajaxOriginalParameter ' : ' name=leohpagerage=10 '，

上面两个参数，第一个是ajax请求数据时的参数，由拼接当前选中页面的第二个参数组成。

1.0版本，几个简单的代码就可以实现分页功能，有时间还会继续更新。

以上是边肖介绍的jQuery Ajax自定义分页组件(jquery.loehpagerv1.0)的例子的详细说明，希望对大家有所帮助。如果你有任何问题，请给我留言，边肖会及时回复你。