springMVC+ajax分页查询
来源:互联网 发布:怎样评价夜航船 知乎 编辑:程序博客网 时间:2024/05/07 05:30
项目用到ajax技术的查询,查询结果很多时候要分页展示。这两天摸索了一下,在这里做一总结,方便自己随时查看,
也方便后人参考。
这里的顺序遵从从前台页面到后台控制器,业务层,Dao层,Mapper
下面先讲页面,页面js代码如下:
<span style="font-size:14px;">/* 全局变量 */var userCount;//符合查找条件的用户总页数,分页参考var pageIndex = 0;//当前页,默认为0var pageSize = 8;//每页显示个数为8//按条件查找用户function searchUser(index,size) {var findTerm = $("#serchTerm").val();var provinceId = $('#province').val();var cityId = $('#city').val();$.ajax({type : "POST",url : "user/findContactsAjax",cache : false,data : {provinceId : provinceId,cityId : cityId,pageIndex:index,pageSize:size},async : true,error : function() {alert("网络异常!");},success : function(data) {<span style="white-space:pre"></span>userCount=Math.ceil(data[0].userCount/8);<span style="white-space:pre"></span>var page='<div id="userPage" align="center" ><font size="2">共'+userCount+'页</font> <font size="2">第'+(pageIndex+1)+'页</font> <a href="javascript:void" onclick="GoToFirstPage()" id="aFirstPage" >首页</a> '+'<a href="javascript:void" onclick="GoToPrePage()" id="aPrePage" >上一页</a> '+'<a href="javascript:void" onclick="GoToNextPage()" id="aNextPage" >下一页</a> '+'<a href="javascript:void" onclick="GoToEndPage()" id="aEndPage" >尾页</a> ';page+='</div>';$("#serchResult").append(page);document.getElementById("dltitle").innerHTML = "查找结果如下";}}});}//首页function GoToFirstPage() { pageIndex = 0; searchUser( pageIndex, pageSize);}//前一页function GoToPrePage() { pageIndex -= 1; pageIndex = pageIndex >= 0 ? pageIndex : 0; searchUser( pageIndex, pageSize);}//后一页function GoToNextPage() { if (pageIndex + 1 < userCount) { pageIndex += 1; } searchUser( pageIndex, pageSize);}//尾页function GoToEndPage() { pageIndex = userCount - 1; searchUser( pageIndex, pageSize);}</span>
控制层代码如下:
@RequestMapping("findContactsAjax")public @ResponseBodyMap<String, Object> findContactAjax(String provinceId,String cityId,String pageIndex,String pageSize) {List<User> listUsers = userDao.selectUserByProvinceAndCity(provinceId, cityId,pageIndex,pageSize)}map.put("user", listUsers);return map;}
Dao层:
List<User> selectUserByProvinceAndCity(@Param("provinceId") Integer provinceId, @Param("cityId") Integer cityId,@Param("pageIndex") Integer pageIndex,@Param("pageSize") Integer pageSize);
mapper文件:
<select id="selectUserByProvinceAndCity" resultMap="BaseResultMap">SELECT *,(SELECT COUNT(*) FROM user_user_t province_id=#{provinceId} AND city_id=#{cityId}) AS userCountFROM user_user_tprovince_id=#{provinceId} AND city_id=#{cityId}LIMIT #{pageIndex},#{pageSize}</select>
User实体
public class User { private Integer userId; private String userName; private Integer provinceId; private Integer cityId; private Integer userCount;//满足查询条件的用户数目,作为分页的依据}
5 0
- springMVC+ajax分页查询
- springMVC+ajax分页查询
- springmvc + jquery datatable + ajax实现动态分页查询
- springmvc + jquery datatable + ajax实现服务端动态分页查询
- springmvc + jquery datatable + ajax实现服务端动态分页查询
- AJAX +SpringMVC 实现bootstrap模态框的分页查询
- springmvc + jquery datatable + ajax实现动态分页查询
- springMVC实现ajax分页
- SpringMVC中的分页查询
- springmvc 分页查询
- Ajax实现分页查询
- Ajax实现分页查询
- Ajax实现分页查询
- ajax分页查询处理
- Ajax分页查询
- PHP+Ajax+Oracle分页查询
- ajax模糊查询加分页
- ajax开发:分页查询功能
- shell
- 六度分离理论、150法则与弱链接
- opencv读写视频,对感兴趣区域进行裁剪
- vijos P1105 神经网络
- 【OpenCV入门指南】第一篇 安装OpenCV
- springMVC+ajax分页查询
- 内存分配中字节对齐问题
- 2.2关键词和命名规则
- ZOJ-1619
- poj 3494 dp(最大全1子矩阵)
- 摘录的些许概念__XAML
- leetcode Remove Duplicates from Sorted Array II
- 【UVA】10652-Board Wrapping(凸包问题)
- 【索引】Hashing / Sets