利用jQuery中的ajax分页实现代码

本文实例讲解了用jQuery中的ajax分页相关代码，分享给大家供大家参考，具体内容如下

把分页封装到一个jsp里，那么大家就可以通过include的方式引入分页的页面这里起名为page_ajax.jsp

本人封装后，使用者需要在页面中引入page_ajax.jsp，并且在查询列表的时候，点击按钮，调用自定义的方法，如myFunction（），在这个方法里头，调用自己拓展的jquer方法，$.pageAjax(url,functionName,showDIv);

这里的url是你要请求的ajax的url，functionName为你要得到回调数据后处理拼串给tbody动态赋值的方法，而showDIv是你隐藏的div。

也就是这样写即可：

function pageAjax(){
var url=”${ctx}/system/conProductInfo/listOfAjax.action”;
$.pageAjax(url,”productMessageDiv”,”showList”);
}

productMessageDiv:这个就是你预先隐藏的div如下：