JSONArray转List<HashMap<String,String>>页面取值

这是简单的单个键值方式的,本文是一组2*2的4张图片展示存在数据库的jsonarray格式取出在页面展示的示例:

1.publicutil类

public class PublicUtil {
	/**
	 * jsonArray转List<HashMap<String,String>>
	 * @param json格式字符串;
	 * */
	//jsonArray格式
	/**
	 	[ {"pic":"http://address4","order":"4"},
		 {"pic":"http://address3","order":"3"},
		 {"pic":"http://address2","order":"2"},
		 {"pic":"http://address1","order":"1"}]
	 */
	public static List<HashMap<String,String>> getPics(String pics) {
		List<HashMap<String,String>>res = new ArrayList<HashMap<String,String>>();
		if(pics==null||pics.equals("")||!pics.startsWith("[")||!pics.endsWith("]")){
			return res;
		}
		JSONArray jsons = JSONArray.fromObject(pics);
		JSONObject json = null;
		HashMap<String,String>map = null;
		String pic = null;
		String order = null;
		for(int i=0;i<jsons.size();i++){
			json = jsons.getJSONObject(i);
			pic = json.getString("pic");
			order = json.getString("order");
			if(pic!=null&&!"".equals(pic)&&order!=null&&!"".equals(order)){
				map = new HashMap<String,String>();
				map.put("order",order);
				map.put("pic",pic.indexOf(".jpg")!=-1?pic:pic+".jpg");
				res.add(map);
			}
		}
		//给获取的list按照order字段排序
		Collections.sort(res, new Comparator<HashMap<String,String>>() {
			@Override
			public int compare(HashMap<String, String> o1,HashMap<String, String> o2) {
				int order1 = Integer.parseInt(o1.get("order"));
				int order2 = Integer.parseInt(o2.get("order"));
				System.out.println(order1<order2);
				if (order1<order2) {
					return -1;
				}else{
					return 0;
				}
			}
		});
		return res;
	}
}	

2.Controller类

@Controller
public class UserController {
	@RequestMapping("add")
	public ModelAndView addInfo(HttpServletRequest reqeust,HttpServletResponse response){
		ModelAndView res=new ModelAndView("add");
		res.addObject("name", "塔睿");
		//json开始,示例
		String rels="[{\"pic\":\"地址1\""
				+ ",\"order\":\"9\"},{\"pic\":\"地址2\""
				+ ",\"order\":\"8\"},{\"pic\":\"地址3\",\"order\":\"7\"}]";
		List<HashMap<String, String>> list= PublicUtil.getPics(rels);
		res.addObject("list", list);
		//json结束
		//c:forTokens开始
		String tags="a~b~c~d~~e";
		res.addObject("tags", tags);
		//c:forTokens结束
		return res;		
	}
	/*
	 * 可以使用如下方法收集数据并生成相应的JSON字符串
	 */
	@RequestMapping("one")
	public void firstOne(){
		//声明一个hash对象并添加数据
		Map params=new HashMap();
		params.put("name", "名称1");
		params.put("age", "12");
		/*params.put("name", "名称2");
		params.put("age", "13");*/
		//JSONArray检查对象类型调用正确的工厂方法
		//声明JSONArray对象并输入json字符串
		JSONArray array=JSONArray.fromObject(params);
		//输出	[{"age":"12","name":"名称1"}]
		System.out.println(array.toString());
	}
}

3.jsp页面

<%@ page language="java" import="java.util.Map" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme() + "://"
+ request.getServerName() + ":" + request.getServerPort()
+ path + "/";
Map<String,String> menus=(Map<String,String>)request.getAttribute("menus");
%>
<!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=ISO-8859-1">
<title>Insert title here</title>
<script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/1.6.4/jquery.min.js"></script>
<link href="http://libs.baidu.com/bootstrap/2.3.2/css/bootstrap.min.css" rel="stylesheet">
<script src="http://libs.baidu.com/bootstrap/2.3.2/js/bootstrap.min.js"></script>
</head>
<body>
	<form>
		获取:<input type="text" name="name" value="${name }"/><br/>
		<!-- c:foreach遍历List<HashMap<String, String>> -->
		<c:forEach items="${list }" var="lists">
			<span>${lists.order }</span>
			<input type="text" value="${lists.pic }"/><br/>
		</c:forEach>
		<!-- c:forTokens用法,delims按照这个进行分割,循环的次数也由‘~’个数决定 -->
		<c:forTokens items="${tags }" delims="~" var="tag">
			<input type="text" value="${tag }"/><br/>
		</c:forTokens>
	</form>
</body>
</html>
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值