可能会遇到这样一个问题,我们将数据以json字符串的形式传给页面的时候,有可能数据格式中包含比较复杂的格式,如:日期,这样,在页面中解析json数据的时候,不方便进行处理(也不是不能处理),所以,我们希望将复杂的格式,以某种简单的方式传给页面。
1.需要相关的jar包
- commons-beanutils-1.8.0.jar
- commons-collections-3.2.1.jar
- commons-lang-2.4.jar
- commons-logging-1.1.1.jar
- ezmorph-1.0.6.jar
- json-lib-2.2.3-jdk15.jar
- 将这些jar包复制到项目中的WEB-INF->lib目录下
2.不采用任何措施,数据的结果
- 新建一个dto,里面创建一个User类,以用于测试
public class User {
private int id;
private String name;
private Date date;
public User(int id, String name, Date date) {
super();
this.id = id;
this.name = name;
this.date = date;
}
在User类中,假设我们有一个Date类型的日期数据。
- 在servlet中,我们创建几个uesr对象,然后将数据转换成json字符串
User u1 = new User(1,"sucan",new Date());
User u2 = new User(2,"ximi",new Date());
User u3 = new User(3,"sc",new Date());
List<User> list = new ArrayList<User>();
list.add(u1);
list.add(u2);
list.add(u3);
JSONArray arr = JSONArray.fromObject(list);
String user = arr.toString();
PrintWriter pw = response.getWriter();
pw.println(user);
pw.flush();
pw.close();
- 然后,将数据发送给页面。jsp页面中通过ajax回调接收
$(function(){
$.ajax({
method:"get",
url:"JsonServlet",
data:null,
success:function(msg){
var data = JSON.parse(msg);
console.info(data);
},
error:function(){
alert("数据请求错误!");
}
});
});
- 我们看下经过解析后的json字符串是什么样的格式(下面是在servlet中输出的结果)
[{"date":{"date":26,"day":1,"hours":18,"minutes":58,"month":11,"seconds":35,"time":1482749915563,"timezoneOffset":-480,"year":116},"id":1,"name":"sucan"},{"date":{"date":26,"day":1,"hours":18,"minutes":58,"month":11,"seconds":35,"time":1482749915563,"timezoneOffset":-480,"year":116},"id":2,"name":"ximi"},{"date":{"date":26,"day":1,"hours":18,"minutes":58,"month":11,"seconds":35,"time":1482749915563,"timezoneOffset":-480,"year":116},"id":3,"name":"sc"}]
可以看到,日期格式很复杂,这样,我们页面取值的时候,可能就会变得很复杂,于是,我们希望将日期,以一种简单的方式传给jsp页面(如:XXXX-XX-XX的形式)。
3.经过配置处理之后的json数据,结果
- 在上面我们使用JSONArray.fromObject(list)的时候,其实我们还有这个方法的另外一种重载形式,里面包含两个参数,一个是我们需要处理的内容,另外一个就是我们的JsonConfig对象;
JsonConfig config = new JsonConfig();
JSONArray arr = JSONArray.fromObject(list, config);
- 接下来我们调用config的config.registerJsonValueProcessor(propertyType, jsonValueProcessor)方法来对我们的Date类进行转换,这个函数有两个参数,第一个参数,代表我们需要转换的类,后面是一个待实现的接口。在这里,我们需要转换Date类,显然第一个参数是java.util.Date.class
config.registerJsonValueProcessor(java.util.Date.class, jsonValueProcessor);
现在关键是第二个参数,所以我们要实现jsonValueProcessor接口;
- 创建一个jsonValueProcessor接口的实现类
public class jsonValueProcessorImpl implements JsonValueProcessor {
public Object processArrayValue(Object arg0, JsonConfig arg1) {
// TODO Auto-generated method stub
return null;
}
public Object processObjectValue(String arg0, Object arg1, JsonConfig arg2) {
// TODO Auto-generated method stub
return null;
}
}
可以看到,这个接口包含两个未实现的方法,下面我们就是要写这两个方法。 arg0:表示键类型; arg1:表示往json格式中传的value值; arg2:默认配置对象
- 下面我们重写两个方法中的第二个
public Object processObjectValue(String key, Object value, JsonConfig arg2) {
if(value instanceof java.util.Date){
Date d = (Date)value;
return new SimpleDateFormat(pattern).format(d);
}
return null;
}
其中,pattern是我们默认给的格式,也可以在构造器中动态设置
String pattern = "yyyy-MM-dd";
public jsonValueProcessorImpl(){
}
public jsonValueProcessorImpl(String pattern){
this.pattern = pattern;
}
最后,我们在servlet中new jsonValueProcessorImpl()实现类
config.registerJsonValueProcessor(java.util.Date.class, new jsonValueProcessorImpl());
- 看下效果
Object
date:"2016-12-26"
id:1
name:"sucan"
__proto__:Object
1:Object
date:"2016-12-26"
id:2
name:"ximi"
__proto__:Object
2:Object
date:"2016-12-26"
id:3
name:"sc"
我们可以看到,我们的日期已经变成了我们设置好的格式,并且是一个字符串形式。这样我们取值便方便了很多。
4.如果我们整个集合全部是Date对象又会怎么样?
- servlet中
Date u1 = new Date();
Date u2 = new Date();
Date u3 = new Date();
List list = new ArrayList();
list.add(u1);
list.add(u2);
list.add(u3);
- 看下这次的取值情况
[null, null, null]
0:null
1:null
2:null
为什么页面取值全是null呢?因为现在对象中除了Date对象不包含任何其他数据,默认会执行,我们上面所说未实现方法的第一个方法,于是,我们为了更好的兼容性,我们将在第二个方法中所写的代码,最好还是在第一个方法中重写一次。为了避免重复写代码,我们可以将代码封装成一个方法,然后在实现类的方法中分别调用这个方法
public Object processArrayValue(Object value, JsonConfig arg1) {
return hanlder(value);
}
public Object processObjectValue(String key, Object value, JsonConfig arg2) {
return hanlder(value);
}
public String hanlder(Object value){
if(value instanceof java.util.Date){
Date d = (Date)value;
return new SimpleDateFormat(pattern).format(d);
}
return null;
}
- 下面我们再来看下效果
["2016-12-26", "2016-12-26", "2016-12-26"]