ajax进行异步刷新,Ajax提交分页请求，实现异步刷新效果(1)

一、使用JsonArray传递

java代码@RequestMapping(value="/myphotopage")

public  HttpEntity myphoto2(int pageNum,HttpSession session,HttpServletResponse resp) throws Exception{

UserInfo user=(UserInfo) session.getAttribute("user");

JSONObject json=new JSONObject();

JSONArray jsonArray=new JSONArray();

if(user!=null){

// 定义的总记录数

int dataCount = 0;

// 定义当前页

//  pageNum = 1;

// 定义总页数

int pageCount = 0;

// 定义每页显示条数

int pageSize = 6;

// 开始索引

int startIndex = 0;

dataCount=photoService.countPhotoByUserid(user.getUserid());

if(dataCount%pageSize == 0){

pageCount = dataCount/pageSize;

}else {

pageCount = dataCount/pageSize + 1;

}

if(pageNum!=0){

startIndex = (pageNum-1)*pageSize;

}

List photos=photoService.getPhotoByPageNumAndUserid(user.getUserid(), startIndex);

json.put("dataCount", dataCount);

json.put("pageNum", pageNum);

json.put("pageCount", pageCount);

jsonArray.add(photos);

jsonArray.add(json);

}else{

resp.sendRedirect("templates/login.jsp");

}

HttpEntity httpEntity=new HttpEntity(jsonArray);

return httpEntity;

}

jsp代码function showpage(pageNum) {

$.ajax({

url : "/shoots/myphotopage.do?pageNum=" + pageNum,

type : "get",

dataType : "json",

success : function(data) {

var objs = eval(data);

//取出回送的数据

//list代表后台发送回来的集合。

//info中封装了一些其他信息。

var list = objs[0];

var info = objs[1];

var page = "";

var result = "";

result = "

result += "

图片编号图片类型上传时间收藏数量";

result += " 

";

//遍历集合 index为索引，element为对象

$.each(list,function(index, element) {

//拼接字符串

result += "

";

result += "

"

+ element.photoid

+ "

";

result += "

"

+ element.ptype.ptcon

+ "

";

result += "

"

+ element.phototime

+ "

";

result += "

"

+ element.likenum

+ "

";

result += "

result += "data-target='#showinfo'  data-photoid='"

+ element.photoid

+ "'  data-path='"

+ element.photoname

+ "'";

result += "data-remake='"

+ element.photoremake

+ "'  οnclick='iii()'>

 ";

result += "

";

});

result += "

";

if (info.pageNum == 1) {

page += "首页 上页";

} else {

var up = info.pageNum - 1;

page += "  

+ up + ")' />"

}

if (info.pageNum == info.pageCount

|| info.pageCount == 0) {

page += "下页 尾页";

}

if (info.pageNum 

var nex = info.pageNum + 1;

page += "

+ nex

+ ")' />

+ info.pageCount + ")' /> "

}

page += "共 " + info.dataCount + " 条记录   第"

+ info.pageNum + "页/共" + info.pageCount

+ "页";

$("#page").html(page);

$("#cont").html(result);

}

});

}