服务器端:采用Spring MVC3 + MyBatis3架构设计,使用Jackson JSON将Java对象转换成JSON格式;
Spring:3.2.2.RELEASE
MyBatis:3.2.1
mybatis-spring:1.2.0
前端:采用jQuery EasyUI框架,使用 jquery-json-2.4.js 将javascript对象转换成JSON格式;
交互方式:服务器端和前端采用json格式进行数据交互。
遇到问题:服务器端对Java对象序列化后,日期格式为一长串数字(如下图),前端接收之后需要转码,很麻烦。于是想到从Jackson JSON框架着手解决。
解决方案:
设置Jackson JSON的对日期的序列化格式即可,代码如下:
//设置日期格式
SimpleDateFormat fmt = new SimpleDateFormat("yyyy-MM-dd HH:mm:ss");
mapper.setDateFormat(fmt);
//后续转换
...
json = mapper.writeValueAsString(obj);
...
这样设置之后,得到的JSON格式中,日期就变成了“2013-03-25 10:20:00”这样的格式。
前端需要将日期编码成毫秒数,发送到服务器,Jackson JSON才能正确解析,否则提示无法转换成Date类型。
可以使用Javascript的Date函数的getTime()方法即可,例如:
var d = new Date($("#userBirthday").datebox('getValue'));
//var d = new Date();
u.userBirthday = d.getTime(); //将日期转换成毫秒数
这样,服务端将日期做成字符串写到JSON中传到前端,前端将日期转换成毫秒数发送到服务器端,这样程序就能正常工作了。
最后上个图看看(自己闲着没事,搭建的这个系统框架,旨在学习Spring、MyBatis、Maven、jQuery、jQuery EasyUI):
最
后附上一个简单的例子:Javascript对象转换为JSON
<html>
<head>
<title>用户管理</title>
<script type="text/javascript" src="jquery-1.9.1.js"></script>
<script type="text/javascript" src="jquery.json-2.4.js"></script>
<script>
function jsObjToJson()
{
var o = new Object();
var d = new Date();
o.id = "1";
o.name = "总公司";
o.timestamp = d.getTime(); //将日期转换成毫秒数
var postData = 'reqJson=' + $.toJSON(o); //转换成json格式
alert(postData);
}
</script>
</head>
<body>
<h3>Javascript对象转换成JSON</h3>
<input type="button" value="测试" οnclick="jsObjToJson()" />
</body>
</html>
效果如下: