ajax 分页方法,关于Ajax的分页的方法与工具类

public void SelectProductType(ActionMapping mapping, ActionForm form, HttpServletRequest request, HttpServletResponse response) throws Exception {

ProductTypeService productTypeService=(ProductTypeService )ObjectFactory.getObject("productTypeService");

//PageHelper.startPage(Integer.parseInt(pageNo), 3);

response.setContentType(Constant.CONTENT_TYPE);

String pageNoStr=request.getParameter("pageNo");

String pageSizeStr=request.getParameter("pageSize");

int pageNo=Integer.parseInt(pageNoStr);

int pageSize=Integer.parseInt(pageSizeStr);

Page page = PageHelper.startPage(pageNo,pageSize);

List product=productTypeService.findAllType();

PageInfo pageInfo = new PageInfo(product);

response.getWriter().print(JSON.toJSONString(pageInfo));

}

这里获取pageNo，pageSize分别为起始页与每页几个

利用工具PageHelper来设置，利用其中的 pageInfo，将搜查的结果集返回到页面上，最够以Json的形式发给Ajax获取

jsp页面

function isEmpty(val) {

if (val == null || val == '' || val.typeOf == 'undefined') {

return true;

}

return false;

}

/*发送ajax请求获取数据*/

function loadData(pageNo, pageSize) {

pageNo = !isEmpty(pageNo) && !isNaN(pageNo) && pageNo > 0 ? pageNo : 1;

pageSize = !isEmpty(pageSize) && !isNaN(pageSize) && pageSize > 0 ? pageSize :5;

$.ajax({

url: '${pageContext.request.contextPath}/sysuser/ProducTypetList.do',

type: 'post',

data : {"pageNo":pageNo,"pageSize":pageSize},

dataType:'json',

success: function(data){

var pageNo = data.pageNum;

var totalPage = data.pages;

var list = {

**pruductTypes**: data.list

};

var html = template('data-template', list);/利用template包list集合写入属性为data-template的javascript中,然后以HTML的形式写入id为data-box的tbody中

$('#data-box').html(html)

// 数据加载完成后进行分页器的初始化

initPaginator(pageNo, totalPage);

}

});

}

//初始化分页器

function initPaginator(pageNo, totalPage) {

// jqueryPage插件

$('.tcdPageCode').createPage({

current: pageNo,

pageCount: totalPage,

backFn: function(p) {

loadData(p, '');

}

});

}

$(function() {

loadData('${pageNo}');

});

再用工具的时候要导包

然后获取的值从页面中输出注意：这中写法的格式{{ }}输出的语句

{{each **pruductTypes** as pro index}}

{{pro.productTypeId}}{{pro.productTypeName}} {{if pro.productTypeState==1}}启用{{else}}禁用{{/if}}

href="javascript:;" οnclick="modify('{{pro.productTypeName}}','{{pro.productTypeId}}')">

修改

禁用

{{/each}}