jquery插件 ajax分页

突然发现，好久没写博客了，越来越懒了...

今天想说说ajax分页的事，其实ajax分页莫过于解决两个问题，第一，总条数的获取，第二，形成分页 like this




总条数的获取莫过于两种方式，第一，加载时直接获取，可通过变量设置，可通过url传值，第二种通过ajax请求的数据中包含数据和总条数。数据的获取要考虑是json数据还是string，这样就可以让分页灵活异常。

不多说了，直接贴源码,未进行压缩，一共没几K。
下载链接： https://www.luoage.com/download/page.js

分页采用jquery插件的形式进行，可配置项很多，均在st.setting 对象中





后面的解释足够清晰，这里不多说了。

我想说的是这个分页的一个使用技巧，因为考虑到用户还有可能使用string返回类型，这里有一个数据获取后的处理函数

，比如我获取到的string = 'xxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxx---------..;12';我可以对这个数据在handleData进行拆分得到{allNUm : 12} 并return回去作为分页的总条数12。当然，如果是json数据就没必要这么麻烦了，返回一个{data:...,allNum:12}就可以了，当然可以不用data作为数据键值，但是如果使用分页自带的callBack ,那么data是必须的，简单的遍历。代码如下：





id : renderName 可以直接渲染使用。

并且使用说明上附带一个css





效果不是很好大家可以自己设计，生命在于折腾嘛！

还有一个使用技巧

程序默认请求时附带 一个键值 ajax : true ,是为了强调该操作是ajax请求，可通过该参数防止用户越权请求。请求数据通过 isCache 项设置缓存或非缓存。

使用方法
var param = {};//一个object.
$('#page').luoage(param); 其中的param参数按照 st.setting来配置，重复则param优先级最大。
#page 为分页内容即


同时 page.js也存在说明。