服务器端:采用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="测试" onclick="jsObjToJson()" /> </body> </html>
效果如下: