spring mvc+ajax分页
分页大致思路:页面每次把当前页传到后台并获得从后台传过来的json数据,解析后布局到这个页面上。
1.服务端代码:
@Controller
public class MemcachedContrller {
@Autowired
private MemcacheReadService memcacheRead ;
private static final Logger LOG = Logger.getLogger(MemcachedContrller.class);
//页面初始化
@RequestMapping(value="/memcached",method={RequestMethod.GET,RequestMethod.POST})
public ModelAndView memcachedDisplay() {
list.clear();
getMemcachedAll();
return new ModelAndView("/memcached/memcachedShow");
}
//运行上一页、下一页等操作时候运行
@RequestMapping(value = "/memcached/h2", method = { RequestMethod.POST})
@ResponseBody
public List h2(HttpServletRequest request,
HttpServletResponse response) throws Exception {
String dt=request.getParameter("dt");
int current=Integer.parseInt(dt);
return result(current);
}
//页面刷新的时候运行
@RequestMapping(value = "/memcached/h3", method = { RequestMethod.POST})
@ResponseBody
public List h3(HttpServletRequest request,
HttpServletResponse response) throws Exception {
String dt=request.getParameter("dt");
int current=Integer.parseInt(dt);
// System.out.println(dt);
list.clear(); //清空集合中全部数据
getMemcachedAll();//获取最新的memcached数据
return result(current);
}
List list = new ArrayList();
//获取memcached数据
public List getMemcachedAll(){
/*for(int i=0;i<10000;i++){
JsonData p= new JsonData();
p.setGIX_X("a"+i);
p.setId("1"+i);
p.setGIY_Y("a_b"+i);
list.add(p);
}
return list;*/
Map<String,String> data=memcacheRead.read();
Set<String> set=data.keySet();
Iterator iter = set.iterator();
int i=0;
List list = new ArrayList();
while(iter.hasNext()){
String key = (String)iter.next();
if(memcacheRead.get(key)!=null){
/*if(i==5) break;
i=i+1;
System.out.println(key);//获取key
System.out.println(get(key));//获取缓存中key相应的value*/
if(i==100) break;
i=i+1;
String[] strSplit=memcacheRead.get(key).toString().split("--");
JsonData p= new JsonData();
p.setGIX_X(strSplit[0]);
p.setId(key);
p.setGIY_Y(strSplit[1]);
list.add(p);
}
}
return list;
//return memcacheRead.getAllValue();
}
//将结果集处理后返回
public List result(int dt){
int pageSize=40;
ArrayList list2 = new ArrayList();
Page pg=new Page(list.size(),dt,pageSize);
PageMessage pm=new PageMessage();
pm.setPagecount(pg.getPagecount());
if(dt<pg.getPagecount()){
for(int i=(dt-1)*40;i<dt*40;i++){
list2.add(list.get(i));
}}
else{
for(int i=(dt-1)*40;i<list.size();i++){
list2.add(list.get(i));
}
}
list2.add(pm);
return list2;
}
}
2.前端代码:
morePage.css
body{
font-size:18px;
text-align:30%;
}
table{
border-collapse:collapse;
}
li{
list-style:none;
border:1px solid;
width:20px;
height:20px;
text-align:center;
margin:5px;
padding:2px;
float:left;
cursor:pointer;
}
#dataDisplay{
margin-left:30%;
margin-top:20px;
}
js:
var current=0;
var t=0;
function test2(dt){
window.t=dt;
$.ajax({
url:"/bdms-web/memcached/h2?
dt="+dt,
type:'POST',
dataType:'json ',
timeout:2000,
cache:false,
error:function(resultData){
alert("xml");
},
success:function(resultData){
showPage(resultData,dt);
}
})}
function update(dt){
//window.t=dt;
$.ajax({
url:"/bdms-web/memcached/h3?
dt="+dt,
type:'POST',
dataType:'json ',
timeout:2000,
cache:false,
error:function(resultData){
alert("xml");
},
success:function(resultData){
showPage(resultData,dt);
}
})}
function showPage(resultData,dt){
var fristpagehtml;
var prevpagehtml;
var nextpagehtml;
var lastpagehtml;
var gopagehtml;
var length =resultData.length;
var t=resultData[length-1].pagecount;
gopagehtml="<input id='edit_count' size='4' type='text' /> <input type='button' value='go' onclick='test3();'/>";
fristpagehtml = "<a onclick='test2("+(0+1)+");' href='javascript:void(0);'>首页</a>";
if((dt-0)<=1){
prevpagehtml = "<a>上一页</a>";
}else{
prevpagehtml = "<a onclick='test2("+(dt-1)+");' href='javascript:void(0);'>上一页</a>";
}
if((dt-0)<(t-0)){
nextpagehtml = "<a onclick='test2("+(dt-0+1)+");' href='javascript:void(0);'>下一页</a>";
}else{
nextpagehtml = "<a>下一页</a>";
}
lastpagehtml = "<a onclick='test2("+t+");' href='javascript:void(0);'>未页</a>";
var html = "<table border=1px style='font-size: 12px; color: red; text-align:center'><tr><td width='160'>ID</td><td width='200'>GIX_X</td><td width='160'>GIX_Y</td></tr>";
for(var i=0;i<resultData.length-1;i++){
html = html+ "<tr ><td>"
+resultData[i].id+"</td><td>"
+resultData[i].GIX_X+"</td><td>"
+resultData[i].GIY_Y
+"</td></tr>";
}
html = html + "<tr ><td colspan=3 text-align=center>"+fristpagehtml+"  "+prevpagehtml+"  "+"共"+resultData[length-1].pagecount+"页 当前第"+dt+"页"+"  "+nextpagehtml+"  "+lastpagehtml+"  "+gopagehtml+"</td></tr>";
html = html+"</table>";
document.getElementById("div").innerHTML=html;
}
function test3(){
var str=document.getElementById("edit_count").value;
test2(str);
}
setInterval('update(window.t)',1000*10);
/*function tt()
{
alert("hello");
}
setInterval('tt()',1000*15);*/
//setTimeout('tt()',15000);
jsp:
memcachedShow.jsp
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<link rel="stylesheet" type="text/css" href="<c:url value="/style/css/morePage.css" />"/>
<script type="text/javascript" src="<c:url value="/js/jquery.js" />"></script>
<script type="text/javascript" src="<c:url value="/js/jquery.min.js" />"></script>
<script type="text/javascript" src="<c:url value="/js/AjaxPage.js" />"></script>
<!--<script type="text/javascript" src="/script/AjaxPage.js"></script> -->
</head>
<body onload='test2(1)'>
<!-- <p style="text-align:center"><input type="button" size="10" value="提交" onclick="validate();"/></p> -->
<center>
<div id="div"> </div>
</center>
<!--<form action="update" method="post"><input type="submit" value="xml生成"></form> -->
</body>
</html>
页面效果:
模拟后台数据:
//获取memcached数据
public List getMemcachedAll(){
for(int i=0;i<10000;i++){
JsonData p= new JsonData();
p.setGIX_X("a"+i);
p.setId("1"+i);
p.setGIY_Y("a_b"+i);
list.add(p);
}
return list;
}
spring mvc+ajax分页的更多相关文章
- spring mvc ajax 提交复杂数组类型
The server refused this request because the request entity is in a format not supported by the reque ...
- spring mvc ajax异步文件的上传和普通文件上传
表单提交方式文件上传和ajax异步文件上传 一:首先是我在spring mvc下的表单提交方式上传 ssm的包配置我就不一一详细列出来了,但是上传的包我还是列出来 这一段我也不知道怎么给大家讲解就是直 ...
- Spring MVC+ajax进行信息验证
本文是一个ajax结合Spring MVC使用的入门,首先我们来了解一下什么是Ajax AJAX 不是新的编程语言,而是一种使用现有标准的新方法.AJAX 最大的优点是在不重新加载整个页面的情况下,可 ...
- spring mvc ajax请求
jar包中增加 jackson-annotations-2.5.0.jar jackson-core-2.5.0.jar jackson-databind-2.5.0.jar springmvx.xm ...
- Spring MVC ajax:post/get 的具体实现
Post 方式 1.自动注入 a. pom.xml ---- 配置Maven,添加必要的jar包 <!--用于 String-JSONObject 转换 --> <dependenc ...
- spring mvc ajax 400解决
The request sent by the client was syntactically incorrect. ajax发起请求时报400错误.请求代码如下: var reportId=($( ...
- spring mvc ajax返回值乱码
加入如下配置: <bean class="org.springframework.web.servlet.mvc.method.annotation.RequestMappingHan ...
- spring mvc ajax
<%@ page contentType="text/html;charset=UTF-8" %> <%@ include file="/WEB-INF ...
- Spring MVC 关于分页的简单实现
据本人了解,目前较常用的分页实现办法有两种: 1.每次翻页都修改SQL,向SQL传入相关参数去数据库实时查出该页的数据并显示. 2.查出数据库某张表的全部数据,再通过在业务逻辑里面进行处理去取得某些数 ...
随机推荐
- poj 2185 (KMP)
完全不会啊…… 附一份题解:http://blog.sina.com.cn/s/blog_69c3f0410100tyjl.html var i,j,k,r,c,x:longint; ch:..,.. ...
- SharePoint 2010 使用自定义aspx页面替换列表默认的新建(NewForm.aspx),查看(DispForm.aspx)和编辑(EditForm.aspx)页面
转:http://www.cnblogs.com/sygwin/archive/2011/11/04/2236678.html 如何使用自定义的aspx页(比如Application Page)替换列 ...
- ARM Linux系统的时钟机制
1. Linux下有两类时钟: 1.1 实时钟RTC 它由板上电池驱动的“Real Time Clock”也叫做RTC或者叫CMOS时钟,硬件时钟.当操作系统关机的时候,用这个来记录时间,但是对于运行 ...
- HDU 5335 Walk Out
题意:在一个只有0和1的矩阵里,从左上角走到右下角, 每次可以向四个方向走,每个路径都是一个二进制数,求所有路径中最小的二进制数. 解法:先bfs求从起点能走到离终点最近的0,那么从这个点起只向下或向 ...
- 模拟post请求方法
2
- 交易的成功 = 60%的资金管理 + 40%出入场信号 zt
交易的成功 = 60%的资金管理 + 40%出入场信号. 资金管理 = 60%的风险分散 + 40%的适度重或轻仓. 出入场信号 = 60%的出场信号 + 40%的入场信号. 交易的成功 = 36 ...
- HDU 2602 Find a way BFS搜索
题意:找到总时间最少的KFC 分析:两遍BFS 找KFC比较一下 注:有些地方的KFC可能到达不了,wa了一次 #include <iostream> #include <cstdi ...
- POJ3616 Milking Time 简单DP
注意0,1,.....,N是时间点,i~i+1是时间段 然后就是思路:dp[i]代表到时间点 i 获得的最大价值, 1:dp[i]=max(dp[i],dp[s-r]+e),表示有以s为开头,i为结尾 ...
- 2016CCPC 中南地区邀请赛 A 矩阵快速幂
A A^n=A^(n%2016)%7; #include <iostream> #include <cstdio> #include <cstring> #incl ...
- 关于Aggregate 的一点用法
比如 我们要 将数组或者对象中的某列或某属性 的值取出,然后 用 逗号隔开. 1.通常我们可能会用for 或foreach 来循环,然后将取出的值并添加至StringBuilder 2.用Aggreg ...