Ajax +SpringMVC 实现bootstrap模态框的分页查询

一 、效果图

二、JS

function getManagerList(dealerId,page2){
	macAddress = document.getElementById("activeXDemo").getMac();
	$.get("${ctxPath}/common/dealer/manager?"+Math.random(), {
			  page2: page2,
			  pageSize2: 9,
			  dealerId: dealerId,
			  macAddress:macAddress
	},
	function(data){
	  	if(data){
	  		var managerList=data.managerList;
	  		var uploadDir=data.uploadDir;
	  		var rs = "";
	  		for (var i=0;i"+name+"

"; } $('#managerList').empty(); $('#managerList').append(rs); var page2=data.page2; var stor_no2=data.stor_no2; var pageCount2=data.pageCount2; var pagination = ""; pagination+="

"; pagination=pagination+"
• 第 "+(page2 + 1); pagination=pagination+" 页/共 "+pageCount2+" 页
"; pagination += "
• « 首页
"; if(page2>0){ pagination += "
• « 上一页
"; } var start=page2-3; var end=page2+3; if(start<0){ end=end-start; } if(end >(pageCount2-1)){ end = pageCount2-1; start=end -7; } for(var j=start;j<=end;j++){ if(j>-1 && j"+(j+1)+""; }else{ pagination += "
• "+(j+1)+"
"; } } } if(page2下一页 »"; } pagination += "
• « 尾页
"; $('#pagination').empty(); $('#pagination').append(pagination); $('#personAddModel').modal('show'); } } ); }

三、模态框

	

		

			

			    ×Close
			    经营人员
			

		

			

			   


			   
			
		
		

		     
		
	

四、controller

@RequestMapping(value = "manager", method =RequestMethod.GET)
	public  @ResponseBody ModelAndView queryManager(Model model
				, @RequestParam(defaultValue = "0")int page2
				, @RequestParam(defaultValue = "9")int pageSize2
				, @RequestParam(required = false, defaultValue = "")String dealerId
				, String macAddress){
		FastJsonJsonView view = new FastJsonJsonView();  
		if(macAddService.checkMacAddress(macAddress, "E")==true){
			String uploadDir =  this.localUploadTools.getPreviewDir() + "/dealerUpload";
			PaginationSupport managerVOPS = dealerService.queryManager(dealerId, page2, pageSize2);
			
			view.addStaticAttribute("page2", page2);
			view.addStaticAttribute("uploadDir", uploadDir);
			view.addStaticAttribute("managerList", managerVOPS.getObject()); 
			view.addStaticAttribute("stor_no2", managerVOPS.getTotalCount()); 
			view.addStaticAttribute("pageCount2", managerVOPS.getPageCount()); 
			
		}
		return new ModelAndView(view);  
	}