springMVC+ajax分页查询
项目用到ajax技术的查询,查询结果很多时候要分页展示。这两天摸索了一下,在这里做一总结,方便自己随时查看,
也方便后人参考。
这里的顺序遵从从前台页面到后台控制器,业务层,Dao层,Mapper
下面先讲页面,页面js代码如下:
- <span style="font-size:14px;">/* 全局变量 */
- var userCount;//符合查找条件的用户总页数,分页参考
- var pageIndex = 0;//当前页,默认为0
- var 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 @ResponseBody
- Map<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 userCount
- FROM user_user_t
- province_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;//满足查询条件的用户数目,作为分页的依据
- }
- 《转:http://blog.csdn.net/gisredevelopment/article/details/39084945》
springMVC+ajax分页查询的更多相关文章
- Mybatis+SpringMVC实现分页查询(附源码)
Maven+Mybatis+Spring+SpringMVC实现分页查询(附源码) 一.项目搭建 关于项目搭建,小宝鸽以前写过一篇Spirng+SpringMVC+Maven+Mybatis+MySQ ...
- ajax分页查询
(1)先写个显示数据的页面,分页查询需要那几个部分呢? 1.首先是查询的文本框输入,还有查询按钮,那么就开始写代码吧 1 2 3 4 <div> <input type=" ...
- Maven+Mybatis+Spring+SpringMVC实现分页查询
转载:http://www.cnblogs.com/zhangtan/p/5846955.html 一.项目搭建 关于项目搭建,小宝鸽以前写过一篇Spirng+SpringMVC+Maven+Myba ...
- ajax分页查询信息的通用方法
1.页面准备分页的表格与分页div 同时需要在查询条件表单中准备隐藏当前页与页大小的文本框 <div class="container-fluid"> <div ...
- Maven+Mybatis+Spring+SpringMVC实现分页查询(附源代码)
以下小宝鸽将分享一篇Mybatis分页功能的博文,以下将给出具体的步骤.跟着博主的节奏肯定能实现.另外最后还会附上整个project的源代码.假设是没有使用过maven的猿友可自行下载相关的jar包就 ...
- 使用ajax分页查询
controller: /** * 查询所有用户/查找指定用户 * 分页+搜索 * */@RequestMapping("/findClientBySize")@ResponseB ...
- kkpager 实现ajax分页查询
前台分页数据,适合数据少量的时候,因为分页的数据是从后台获取的,大数据的话不建议使用 现看前台代码: @{ Layout = null; } <!DOCTYPE html> <htm ...
- Ajax写分页查询(实现不刷新页面)
获取数据库中大量的信息显示在页面上,必然要使用到分页查询: 若不使用Ajax,而是用其他的方法,肯定是要刷新页面的,用户体检很不好, 所以最好使用Ajax的方法写分页查询: 1.先来找一张数据很多的表 ...
- ThinkPHP 整合Bootstrap Ajax分页
ThinkPHP Ajax分页代码 publicfunction index() { $where=array(); $name = I('name'); if(!empty($name)){ $wh ...
随机推荐
- 【OpenCV】选择ROI区域
问题描述:在测试目标跟踪算法时,需要选择不同区域作为目标,进行目标跟踪,测试目标跟踪的效果. 解决思路: 1.OpenCV中提供了鼠标交互控制,利用setMouseCallback()给固定的窗口设置 ...
- offset笔记
1.offsetParent 2.offsetTop 3.offsetLeft 4.offsetWidth 5.offsetHeight offsetWidth是元素的可视宽度,这个宽度包括元素的边框 ...
- atitit.木马病毒webshell的原理and设计 java c# .net php.
atitit.木马病毒webshell的原理and设计 java c# .net php. 1. 隐蔽性 编辑 WebShell后门具有隐蔽性,一般有隐藏在正常文件中并修改文件时间达到隐蔽的,还有利用 ...
- 【转】Android Studio中通过快捷键来提取提取方法
今天来给大家介绍一个非常有用的Studio Tips,有些时候我们在一个方法内部写了过多的代码,然后想要把一些代码提取出来再放在一个单独的方法里,通常我们的做法是复制粘贴,现在我来教给大家一个非常简洁 ...
- [Android]编译错误:Could not get unknown property 'release' for SigningConfig container
使用Gradle进行安卓编译时,出现如下错误: Could not get unknown property 'release' for SigningConfig container. 原因: 在主 ...
- Spring(五)AOP简述
一.AOP简述 AOP全称是:aspect-oriented programming,它是面向切面编号的思想核心, AOP和OOP既面向对象的编程语言,不相冲突,它们是两个相辅相成的设计模式型 AOP ...
- IOS 瀑布流UICollectionView实现
IOS 瀑布流UICollectionView实现 在实现瀑布流之前先来看看瀑布流的雏形(此方法的雏形 UICollectionView) 对于UICollectionView我们有几点注意事项 它和 ...
- Block的使用及循环引用的解决
Block是一个很好用的东西,这篇文章主要来介绍:1.什么是Block?2.Block的使用?3.Block的循环引用问题及解决. 1.什么是Block? 说这个问题之前,我先来说一下闭包(Closu ...
- Android 网络编程基础之简单聊天程序
前一篇讲了Android的网络编程基础,今天写了一个简单的聊天程序分享一下 首先是服务端代码: package com.jiao.socketdemo; import java.io.Buffered ...
- WPF + Caliburn.Micro +ActionMessage事件绑定
ActionMessage事件绑定是个人觉的算是CM的精髓了,比如说我在View里面放个button,我们要在他的click事件里面写东西,怎么写.如果是WPF我们直接在CS里面写就可以.但是CM不行 ...