Springmvc json加载数据 前端拼接技术
来源:互联网 发布:苹果版软件商店 编辑:程序博客网 时间:2024/06/06 05:37
//后台方法
@RequestMapping(value = "/main/showNextPage.ajax/{page}", method = RequestMethod.POST)
@ResponseBodypublic ListResultDto showNextPageajax(@PathVariable("page") int page) {
ModelAndView view = new ModelAndView();
view = new ModelAndView("member/main/ListBaodanMember");
MemberListReqDto dto=new MemberListReqDto();
dto.setPage(page);
ListResultDto result = memberService.findMyBaodanRegisterMembers(dto);
return result;
}
//页面html
<div class="mn-content" data-role="page" id="pageone">
<table class="table table-hover table-condensed">
<tbody id="list">
<tr>
<td>会员编号</td>
<td>会员昵称</td>
<td>身份</td>
<td style="width: 80px;">操作</td>
</tr>
<c:forEach items="${result.rows}" var="row" varStatus="status">
<tr>
<td>${row.memberAccount}</td>
<td>${row.memberName}</td>
<td>${row.registerGradeName}</td>
<td><a href="#" class="btn btn-primary btn-xs">详情</a></td>
</tr>
</c:forEach>
</tbody>
</table>
<ul class="pager" id="pager">
<c:choose>
<c:when test="${result.totalPage>result.page}">
<a href="javascript:void(0);" onclick="load('${ctx}','${memberPath}',2,'${result.totalPage}')">查看更多</a>
</c:when>
</c:choose>
</ul>
</div>
//js部分
function load(ctx,memberPath,page,totalPage){
$.ajaxPost(ctx+"/"+memberPath+"/main/showNextPage.ajax/"+page,null,function(result) {
var html ="";
var main = $("#list");
for(var i =0;i< result.rows.length;i++){
html +="<tr><td>"+result.rows[i].memberAccount+"</td>"+"<td>"
+result.rows[i].memberName+"</td>"+"<td>"
+result.rows[i].registerGradeName+"</td>"+
"<td><a href='#' class='btn btn-primary btn-xs'>详情</a></td>"+"</tr>"
}
main.append(html);
//如果还有下一页 则 显示加载更多 否则隐藏
if(totalPage>page){
page=parseInt(page)+parseInt(1);
$("#pager").html('<a href="javascript:void(0);" onclick="load(\''+ctx+'\',\''+memberPath+'\',\''+page+'\',\''+totalPage+'\')">查看更多</a>');
$("#pager").show();
}else{
$("#pager").hide();
}
});
}
- Springmvc json加载数据 前端拼接技术
- java后台返回前端数据的方式json,html 组装json的技术struts2-json-plugin,fast-json,Gson,手动拼接
- springMVC接收前端json数据的总结
- springMvc如何和前端页面交互,传输json数据
- java web SpringMVC后端传json数据到前端页面
- 前端json格式数据发送到SpringMVC 服务端
- js拼接json格式数据
- SpringMVC作为Controller向前端传递JSON数据,前端用Extjs接收
- Ext动态加载树,拼接Json字符串
- SpringMVC处理json数据
- springmvc 返回 json数据
- springmvc返回json数据
- SpringMVC处理JSON数据
- springmvc处理json数据
- SpringMVC返回json数据
- springmvc json 数据交互
- SpringMVC返回JSON数据
- SpringMVC返回JSON数据
- Spring 学习笔记 整合 structs2
- dogse入门指南
- 读《失业的程序员》笔记-----中
- oracle11g 手工建库
- /sys/bus/usb/devices下的文件命名
- Springmvc json加载数据 前端拼接技术
- android在 Activity 之间传递参数
- libevent7
- html与htm的区别
- 基于Windows Socket的安全通信(C++实现,附源码)
- 浏览器缓存机制
- C#实现MD5加密
- LeetCode_OJ【39】Combination Sum
- 'the django book'读书笔记(第1,2章)