springMVC+ajax分页查询

概述项目用到ajax技术的查询，查询结果很多时候要分页展示。这两天摸索了一下，在这里做一总结，方便自己随时查看， 也方便后人参考。 这里的顺序遵从从前台页面到后台控制器，业务层，Dao层，Mapper 下

项目用到AJAX技术的查询，查询结果很多时候要分页展示。这两天摸索了一下，在这里做一总结，方便自己随时查看，

也方便后人参考。

这里的顺序遵从从前台页面到后台控制器，业务层，Dao层，Mapper

下面先讲页面，页面Js代码如下：

[JavaScript] view plain copy print?

<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>  

控制层代码如下：

[JavaScript] view plain copy print?

@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层：

[java] view plain copy print?

List<User> selectUserByProvinceAndCity(@Param("provinceID") Integer provinceID, @Param("cityID") Integer cityID,  @Param("pageIndex") Integer pageIndex,@Param("pageSize") Integer pageSize);  

mapper文件：

[HTML] view plain copy print?

<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实体

[java] view plain copy print?

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分页查询全部内容，希望文章能够帮你解决springMVC+ajax分页查询所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。