servlet对象通过json返回到前台页面并展示
来源:互联网 发布:知乎员工数量 编辑:程序博客网 时间:2024/04/30 07:59
1、实体类
import java.util.ArrayList;public class ObjectType {private String type;private ArrayList<SubObjectType> subObjects;public String getType() {return type;}public void setType(String type) {this.type = type;}public ArrayList<SubObjectType> getSubObjects() {return subObjects;}public void setSubObjects(ArrayList<SubObjectType> subObjects) {this.subObjects = subObjects;} }
public class SubObjectType {private String subtype;private double fileCount;private double bytes;private String timeRange;public String getSubtype() {return subtype;}public void setSubtype(String subtype) {this.subtype = subtype;}public double getFileCount() {return fileCount;}public void setFileCount(double fileCount) {this.fileCount = fileCount;}public double getBytes() {return bytes;}public void setBytes(double bytes) {this.bytes = bytes;}public String getTimeRange() {return timeRange;}public void setTimeRange(String timeRange) {this.timeRange = timeRange;}}
2、servlet:得到一个对象列表ArrayList<T>,将其转化为jsonArray
AccountInfoDao dao = new AccountInfoDao();ArrayList<ObjectType> objectTypes = new ArrayList<ObjectType>();objectTypes = dao.load();JSONObject jsonObject = new JSONObject(); jsonObject.put("categorys", objectTypes); JSONArray jsonArray = new JSONArray(); jsonArray.add(jsonObject);System.out.println(jsonArray);PrintWriter out = response.getWriter();out.write(jsonArray.toString());
3、js处理:
function load(){$.ajax({type:"post",//请求方式 url:"servlet/AccountInfo",//发送请求地址 dataType:"json",data:{//发送给数据库的数据},//请求成功后的回调函数有两个参数success:function(data,textStatus){var objs=eval(data); //解析json对象var obj = objs[0];var table = $("#table");table.empty();table.append('<tr><th></th><th>类别</th><th>文件个数</th><th>文件大小</th><th>时间范围</th></tr>');if(obj==null || obj==""){table.append('<tr><td colspan="5" style="text-align: center; color:red">暂无数据!</td></tr>')//$("#page").hide();return false;}var categorys = obj.categorys;for(var i=0;i<categorys.length;i++){var type = categorys[i].type;var subObjects = categorys[i].subObjects;var len = subObjects.length;table.append('<tr><td rowspan="'+len+'">'+type+'</td>'+'<td>'+subObjects[0].subtype+'</td>'+'<td>'+subObjects[0].fileCount+'</td>'+'<td>'+subObjects[0].bytes+'</td>'+'<td>'+subObjects[0].timeRange+'</td></tr>')//table.append('<td>'+subObjects[0].subtype+'</td>'+'<td>'+subObjects[0].fileCount+'</td>'+'<td>'+subObjects[0].bytes+'</td>'+'<td>'+subObjects[0].timeRange+'</td></tr>');for(var j=1;j<len;j++){table.append('<tr><td>'+subObjects[j].subtype+'</td>'+'<td>'+subObjects[j].fileCount+'</td>'+'<td>'+subObjects[j].bytes+'</td>'+'<td>'+subObjects[j].timeRange+'</td></tr>');}}//为鼠标移动添加样式,鼠标所在行变色,鼠标离开行恢复原状$("tr:even").addClass("even");$("th").first().css("text-align","left");$("th").first().css("padding-left","5px");$("tr").mouseenter(function(){$(this).addClass('bs');});$("tr").mouseleave(function(){$(this).removeClass('bs');});}});}
4、jsp页面
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="tab" id="table"> <tr> <th></th> <th>类别</th> <th>文件大小</th> <th>文件个数</th> <th>时间范围</th> </tr></table>
- servlet对象通过json返回到前台页面并展示
- servlet对象通过json返回到前台页面并展示
- servlet对象通过json返回到前台页面并展示
- 将一个List转成json对象返回到前台页面
- Ajax处理XML,XMLHttpRequest对象的创建和访问servlet并返回xml数据到页面展示
- servlet返回json到前台,前台js解析json
- 动态grid java 后台封装json数据返回到前台解析并展示
- springmvc 返回json数据给前台jsp页面展示
- 返回json对象到页面
- 通过JS、JQ,实现对json数据调取,并循环展示到页面
- 通过JS、JQ,实现对json数据调取,并循环展示到页面
- 前台页面通过JS调用Servlet访问到后台类
- 前台页面通过JS调用Servlet访问到后台类
- 前台页面通过JS调用Servlet访问到后台类
- json_后台传送json格式的对象到前台页面
- Applet通过Servlet访问数据库,并返回对象数组
- ajax json 前台传数据到后台,后台接收并返回json 数据
- jquery访问servlet并返回数据到页面
- socket编程中的超时设置示例详解之三(Perl实现)
- 计算机考研专业基础知识视频教程链接
- 排序算法温习 - 选择排序法
- Android UI开发第一篇——android的九宫格式实现
- HDU 4565 - 2013年长沙邀请赛 A-so easy
- servlet对象通过json返回到前台页面并展示
- 汇编小计1
- 二分图匹配算法总结
- 关于创建线程
- Linux : SUID SGID
- 2013年6月4日 23:18:58
- 杭电1062
- Android UI开发第二篇——多级列表(ExpandableListView)
- ARC和非ARC项目共存方法