后端java向html前端传递数据的几种方式
2016-04-29 00:00
861 查看
摘要: 后端java向html前端传递数据的几种方式
1 前段使用bootstrap table 显示数据表格(包括分页功能),后端返回类型为PageBean时 前无需做特殊处理
部分代码为
maplist=customerService.search(map);
int count = customerService.searchCount(map);
PageBean pageBean = new PageBean();
pageBean.setTotal(count);
pageBean.setRows(maplist);
return pageBean;
2 后端返回类型为List<Map>时,前段获取方式为result.length
后端java:
public List<Map<String, Object>> search(){
return domainService.search();
}
前段js:
success : function(result) {
for(var i =0;i<result.length;i++){
result[i].id
}
}
3 后端返回类型为PageBean<List<Map<String, Object>>>时,前段获取方式为result.rows
后端java:
PageBean<List<Map<String, Object>>> pageBean = new PageBean<List<Map<String, Object>>>();
pageBean.setTotal(count);
pageBean.setRows(result);
return pageBean;
前段js:
success : function(result) {
var result= result.rows;
for(var i =0;i<result.length;i++){
result[i].name
}
}
4 后端返回类型为Map<String, Object>时,前段获取方式为result
后端java:
public Map<String,Object> register(HttpServletRequest request){
return map.put("result ", “成功”);
}
前段js:
success : function(result) {
result.result
}
1 前段使用bootstrap table 显示数据表格(包括分页功能),后端返回类型为PageBean时 前无需做特殊处理
部分代码为
maplist=customerService.search(map);
int count = customerService.searchCount(map);
PageBean pageBean = new PageBean();
pageBean.setTotal(count);
pageBean.setRows(maplist);
return pageBean;
2 后端返回类型为List<Map>时,前段获取方式为result.length
后端java:
public List<Map<String, Object>> search(){
return domainService.search();
}
前段js:
success : function(result) {
for(var i =0;i<result.length;i++){
result[i].id
}
}
3 后端返回类型为PageBean<List<Map<String, Object>>>时,前段获取方式为result.rows
后端java:
PageBean<List<Map<String, Object>>> pageBean = new PageBean<List<Map<String, Object>>>();
pageBean.setTotal(count);
pageBean.setRows(result);
return pageBean;
前段js:
success : function(result) {
var result= result.rows;
for(var i =0;i<result.length;i++){
result[i].name
}
}
4 后端返回类型为Map<String, Object>时,前段获取方式为result
后端java:
public Map<String,Object> register(HttpServletRequest request){
return map.put("result ", “成功”);
}
前段js:
success : function(result) {
result.result
}
相关文章推荐
- js 对象深度克隆
- js 闭包
- IE6右浮动问题
- grunt前端自动化
- grunt定制化jquery
- js中正则匹配邮箱
- JS中字符串的处理函数
- gradle中net.sf.json引入失败的解决方法
- js左移右移边距问题
- JS常用的函数笔记
- js 控制div 元素 随着窗口的变化,保持长宽比例不变
- javascript
- 7章: ExtJs响应事件(未完待续。。。)
- JavaScript 中 Date() 和New Date()有什么区别?
- html中用变量作为django字典的键值
- gson json转换对象及对象对象转换为json帮助类
- 【javascript笔记】this in javascript
- 【javascript笔记】this in javascript
- JavaScript学习第三天
- Json工具类 ---JsonUtil