Json实现页面多个对象的保存Word下载.docx

资源描述

Json实现页面多个对象的保存Word下载.docx

《Json实现页面多个对象的保存Word下载.docx》由会员分享，可在线阅读，更多相关《Json实现页面多个对象的保存Word下载.docx（37页珍藏版）》请在冰点文库上搜索。

Json实现页面多个对象的保存Word下载.docx

apos;

userForm&

）"

提交"

/form>

/body>

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

假设页面上三个对象的属性值分别为"

tom"

201,"

jacky"

210,"

lily"

221.则在js中通过&

将这些值分隔,组装的字符串为

（"

20,1）:

21,0）:

22,1）把这个值赋给userObj,并传到服务器上。

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

（）

Stringstr=request.getParameter（"

）;

String[]strArray=str.split（"

Personperson=newPerson（）;

for（Stringobj:

strArray）{

String[]personArray=obj.split（"

person.setName（personArray[0]）;

person.setAge（personArray[1]）;

person.setSex（personArray[2]）;

personService.insert（person）;

}

但这样实现有个漏洞，就是当页面输入框中包含&

时，那服务器解析时就不能将正确的值赋给person对象。

这几天研究了下json，就可以避免这个问题。

而且js和服务器端代码可以缩减很多。

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

在这就不多说了，可以参考

http:

//json-

json数据格式很简单，比如{name:

age:

20,sex:

1}就表示一个person对象。

详细可以参考json官网

//www.json.org

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

varobjs=[{name:

1},{name:

21,sex:

},{name:

22,sex:

1}]

document.getElementById（"

）.value=objs;

document.forms["

].submit（）;

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

List<

Person>

persons=newArrayList<

（）;

if（str!

=null&

.equals（str））

list=getList（str,newPerson（））;

for（Personp:

list）

personService.insert（p）;

下面是封装的方法

@SuppressWarnings（"

unchecked"

）

public<

List<

getList（Stringstr,Tt）{

JSONArrayarray=JSONArray.fromObject（str）;

//将str转换成json对象

JsonConfigjsonConfig=newJsonConfig（）;

//参数设置

jsonConfig.setRootClass（t.getClass（））;

//设置array中的对象类型

list=（List<

）JSONArray.toCollection（array,jsonConfig）;

//将数组转换成T类型的集合

returnlist;

2.JS操作JSON总结

JSON（JavaScriptObjectNotation）是一种轻量级的数据交换格式，采用完全独立于语言的文本格式，是理想的数据交换格式。

同时，JSON是JavaScript原生格式，这意味着在JavaScript中处理JSON数据不须要任何特殊的API或工具包。

本文主要是对JS操作JSON的要领做下总结。

在JSON中，有两种结构：

对象和数组。

1.一个对象以“{”（左括号）开始，“}”（右括号）结束。

每个“名称”后跟一个“:

”（冒号）；

“‘名称/值’对”之间运用“,”（逗号）分隔。

名称用引号括起来；

值如果是字符串则必须用括号，数值型则不须要。

例如：

varo={"

xlid"

cxh"

xldigitid"

123456,"

topscore"

2000,"

topplaytime"

2009-08-20"

}；

2.数组是值（value）的有序集合。

一个数组以“[”（左中括号）开始，“]”（右中括号）结束。

值之间运用“,”（逗号）分隔。

例如：

varjsonranklist=[{"

},{"

zd"

1500,"

2009-11-20"

}];

为了方便地处理JSON数据，JSON提供了json.js包，下载地址：

//www.json.org/json.js

在数据传输流程中，json是以文本，即字符串的形式传递的，而JS操作的是JSON对象，所以，JSON对象和JSON字符串之间的相互转换是关键。

JSON字符串:

varstr1='

man"

;

JSON对象:

varstr2={"

};

一、JSON字符串转换为JSON对象

要运用上面的str1，必须运用下面的要领先转化为JSON对象：

//由JSON字符串转换为JSON对象

varobj=eval（'

（'

+str+'

）'

或者

varobj=str.parseJSON（）;

或者

varobj=JSON.parse（str）;

然后，就可以这样读取：

Alert（obj.name）;

Alert（obj.sex）;

特别留心：

如果obj本来就是一个JSON对象，那么运用eval（）函数转换后（哪怕是多次转换）还是JSON对象，但是运用parseJSON（）函数处理后会有疑问（抛出语法异常）。

二、可以运用toJSONString（）或者全局要领JSON.stringify（）将JSON对象转化为JSON字符串。

varlast=obj.toJSONString（）;

//将JSON对象转化为JSON字符

varlast=JSON.stringify（obj）;

alert（last）;

留心：

上面的多个要领中，除了eval（）函数是js自带的之外，其他的多个要领都来自json.js包。

新版本的JSON修改了API，将JSON.stringify（）和JSON.parse（）两个要领都注入到了Javascript的内建对象里面，前者变成了Object.toJSONString（），而后者变成了String.parseJSON（）。

如果提示找不到toJSONString（）和parseJSON（）要领，则说明您的json包版本太低。

3.JSON实例应用

JSON实际就是一种数据格式，传递数据，特别的地方在于：

JSON的数据格式可以直接构成JavaScript中的一个对象，因些可以在JavaScript很易容访问到它的数据。

（个人的见解，关于JSON的其它资料可以去google一下）

下面就应用一下JSON：

使用JSON需要一些文件：

将js对象转化成JSON的数据格式的JS如：

json.js

将Java对象转化成JSON的数据格式的jar包：

json-lib-2.3-jdk15.jar等可以在下面的附件中获得

我在我的工程中引入了这个文件（也可以不用这个文件，那么你需要自己在js或class中拼成JSON格式的数据）

Html代码

1.<

DOCTYPE

HTML

PUBLIC

-//W3C//DTD

4.01

Transitional//EN"

2.<

html>

head>

title>

JSON学习<

/title>