Json实现页面多个对象的保存

原创 2013年12月04日 10:11:48

以前在页面上要保存多个对象时,我一般在页面用js把这些数据组装起来,然后到服务器再自己写方法解析,比如下

面这个页面:

 

<body>
   <form action="userAction.do?method=add" method="post" name="userForm">
   <input type="button" value="添加好友" onclick="addF()" />
   <div id="friend"></div>
   <input type="text" name="name" /><input type="text" name="age" />
   <select name="sex">
      <option value="0">男</option>
      <option value="1">女</option>
   </select><br/>
   <input type="text" name="name" /><input type="text" name="age" />
   <select name="sex">
      <option value="0">男</option>
      <option value="1">女</option>
   </select><br/>
   <input type="text" name="name" /><input type="text" name="age" />
   <select name="sex">
      <option value="0">男</option>
      <option value="1">女</option>
   </select><br/>
   <input type="hidden" name="userObj" id="userObj" value=""/>
   <input type="button" onclick="sub('userForm')" value="提交"/>
   </form>
</body>

 

nage,age,sex对应Person对象的三个属性,也就是要保存三个对象到数据库中。

假设页面上三个对象的属性值分别为"tom" 20 1, "jacky" 21 0, "lily" 22 1.则在js中通过','将这些值分隔,组装的字符串为

("tom",20,1):("jacky",21,0):("lily",22,1)把这个值赋给userObj,并传到服务器上。

在服务器端的解析代码大致为:

 

String str = request.getParameter("userObj");
String[] strArray = str.split(":");
Person person = new Person();
for(String obj : strArray){
     String[] personArray = obj.split(",");
     person.setName(personArray[0]);
     person.setAge(personArray[1]);
     person.setSex(personArray[2]);
     personService.insert(person);
}

 

但这样实现有个漏洞,就是当页面输入框中包含','时,那服务器解析时就不能将正确的值赋给person对象。

这几天研究了下json,就可以避免这个问题。而且js和服务器端代码可以缩减很多。

json java解析有十几种,我用的是json-lib,觉得他功能比较强大,有关它的语法官网上介绍得很详细,

在这就不多说了,可以参考http://json-lib.sourceforge.net/

json数据格式很简单,比如{name:"tom",age:20,sex:1}就表示一个person对象。详细可以参考json官网

http://www.json.org

在js中我把几个preson对象组装成一个数组,并把这个字符串赋给userObj然后提交表单.

 

var objs = [{name:"tom",age:20,sex:1},{name:"jacky",age:21,sex:},{name:"lily",age:22,sex:1}]
document.getElementById("userObj").value = objs;
document.forms["userForm"].submit();

 

在服务器端的解析代码为:

String str = request.getParameter("userObj");
List<Person> persons = new ArrayList<Person>();
if (str != null && !"".equals(str)) 
     list = getList(str,new Person());
for(Person p : list)
     personService.insert(p);
下面是封装的方法
@SuppressWarnings("unchecked")
public <T> List<T> getList(String str,T t){
     JSONArray array = JSONArray.fromObject(str);//将str转换成json对象
     JsonConfig jsonConfig = new JsonConfig();//参数设置
     jsonConfig.setRootClass(t.getClass());//设置array中的对象类型
     List<T> list = (List<T>)JSONArray.toCollection(array, jsonConfig);//将数组转换成T类型的集合
     return list;
}

相关文章推荐

Json实现页面多个对象的保存 java /.net

html 代码 Html代码   table>   tr class="ct-ruleValue">   td class="T-TdRight">姓名:td>   td...

html中不使用内置对象的方式实现多个页面用同一变量

在html页面中我们会用一个变量去接收service端发送的数据(该数据通过websocket发送)。 如果想将其填充到页面的table这是很容易的,如果不同页面都要获取该对象是不行的,因为该变量的作...

js页面字符串转json对象

  • 2016年04月20日 17:27
  • 18KB
  • 下载

struts向页面传递多个json数据

1、Action层: /** * 具体角色信息 * @return */ public String searchRoleDetail(){ role=roleService.fi...
  • sky_too
  • sky_too
  • 2013年12月08日 16:13
  • 870

Jquery 将表单序列化为Json对象.同时提交多个表单的参数

首先对某一表单进行Json对象序列化:    引用:http://my249645546.iteye.com/blog/1617872   [javascript] v...
  • hj7jay
  • hj7jay
  • 2016年04月15日 13:47
  • 2016

WebApi 的 HttpGet 和 HttpPost 传递多个参数对象的Json和Dynamic方法

在stackoverflow 上有的,是我的原创文章:
  • besley
  • besley
  • 2014年04月17日 19:53
  • 10037

spring接收json格式的多个对象参数

两种方法 方法1 如果使用spring mvc同客户端通信,完全使用json数据格式,需要增加RequestBody注解,函数参数为自定义类 @Controller public cla...
  • fjnpysh
  • fjnpysh
  • 2017年08月04日 16:18
  • 140

spring接收json格式的多个对象参数(变通法)

两种方法 方法1 如果使用spring mvc同客户端通信,完全使用json数据格式,需要如下定义一个RequestMapping @Controller public clas...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:Json实现页面多个对象的保存
举报原因:
原因补充:

(最多只允许输入30个字)