您当前的位置: 首页 >  json

顺其自然~

暂无认证

  • 1浏览

    0关注

    1317博文

    0收益

  • 0浏览

    0点赞

    0打赏

    0留言

私信
关注
热门博文

JSON对象与JSON字符串

顺其自然~ 发布时间:2020-03-13 13:05:02 ,浏览量:1

1、Json概念

  • 概念:

JSON (JavaScript Object Notation) 一种简单的数据格式,是一种比较轻量级的数据存储格式;

  • 优点:

1. 数据格式比较简单, 易于读写, 格式都是压缩的, 占用带宽小;

2. 易于解析这种语言, 客户端javascript可以简单的通过eval()进行JSON数据的读取;(eval() 函数可计算某个字符串,并执行其中的的 JavaScript 代码。eval是evalation的缩写,是jizhi)

3. 支持多种语言, 包括ActionScript, C, C#, ColdFusion, Java, JavaScript, Perl, php, Python, Ruby等语言服务器端语言, 便于服务器端的解析;

4. 在PHP世界, 已经有PHP-JSON和JSON-PHP出现了, 便于PHP序列化后的程序直接调用. PHP服务器端的对象、数组等能够直接生JSON格式, 便于客户端的访问提取.   另外PHP的PEAR类已经提出了支持 (http://pear.php.net/pepr/pepr-proposal-show.php?id=198)

5. 因为JSON格式能够直接为服务器端代码使用, 大大简化了服务器端和客户端的代码开发量, 但是完成的任务不变, 且易于维护

  • 缺点:

1.没有XML格式这么推广的深入人心和使用广泛, 没有XML那么通用性;

2. JSON格式目前在Web Service中推广还属于初级阶段

2、Json与JS对象的对比

 区 别

             JSON             JavaScript对象

  含

  义

仅仅是一种数据格式类的实例

  传

  输

可以跨平台数据传输,速度快不能传输

  表

  现

键值对的方式,属性必须加双引号

值不可以是方法函数、undefined以及NAN

键值对方式,属性不加引号

值可以是函数、对象、字符串、数字、boolean 等

 

  相

  互

  转

  换

Json字符串转换为JS对象:

1、JSON.parse(str),不兼容IE7。 2、eval("(" + str + ")");(兼容所有浏览器,但是不安全,会执行json里面的表达式)。

JS对象转换为Json字符串:

JSON.stringify(obj)。

3、Json对象

最显著的特征:对象的值可以用 “对象.属性” 进行访问;

typeOf(json对象)       ===>    Object类型

例子如下:

var person={"name":"shily","sex":"女","age":"23"}//json对象
console.log(person);
console.log(person.name);
console.log(typeof person);

 输出结果是:

 

4、Json字符串(所谓字符串:单引号或者双引号引起来) 

 例子如下:

var person='{"name":"shily","sex":"女","age":"23"}';//json字符串
console.log(person)
console.log(person.name)
console.log(typeof person)

输出结果是:

 

5、Json对象与Json字符串的相互转化

(1)、jQuery插件支持的转换方式: 

$.parseJSON( jsonstr ); //jQuery.parseJSON(jsonstr),可以将json字符串转换成json对象 

(2)浏览器支持的转换方式(Firefox,chrome,opera,safari,ie)等浏览器:

Json字符串转化为Json对象( JSON.parse() )

var  str = '{"name":"shily","sex":"女","age":"23"}';
var  strToObj = JSON.parse(str);
console.log(strToObj);
console.log(typeof strToObj);
console.log(strToObj.name)

输出结果为: 

 

Json对象转化为Json字符串(JSON.stringify() )

var  obj = {"name":"shily","sex":"女","age":"23"}//json对象
var  objToStr = JSON.stringify(obj);
console.log(objToStr);
console.log(typeof objToStr)

输出结果为:

 

注:ie8(兼容模式),ie7和ie6没有JSON对象,推荐采用JSON官方的方式,引入json.js。 

(3)Javascript支持的转换方式: 

eval('(' + jsonstr + ')'); //可以将json字符串转换成json对象,注意需要在json字符外包裹一对小括号 

 注:ie8(兼容模式),ie7和ie6也可以使用eval()将字符串转为JSON对象,但不推荐这些方式,这种方式不安全eval会执行json串中的表达式。 

(4)JSON官方的转换方式: 

http://www.json.org/提供了一个json.js,这样ie8(兼容模式),ie7和ie6就可以支持JSON对象以及其stringify()和parse()方法; 

可以在https://github.com/douglascrockford/JSON-js上获取到这个js,一般现在用json2.js。

6、Json数据在哪种格式下会发生转换

调用第三方接口返回json字符串,我们自己处理成所需格式的json数据

往JSONObject对象中添加属性及属性值,最后将JSONObjecct对象转成json数据返回

7、SpringMvc接受Json字符串类型

基于Rest风格的开发,前端ajax提交的是一个json格式的字符串,后台以@RequestBody接受的json对象(接收请求体)

  
    $(document).ready(function(){  
        var saveDataAry=[];  
        var data1={"userName":"test","address":"gz"};  
        var data2={"userName":"ququ","address":"gr"};  
        saveDataAry.push(data1);  
        saveDataAry.push(data2);         
        $.ajax({ 
            type:"POST", 
            url:"user/saveUser", 
            dataType:"json",      
            contentType:"application/json",               
            data:JSON.stringify(saveData), 
            success:function(data){ 

            } 
         }); 
    });  

上面代码,首先push方法将其封装到数组中,其表现格式:

[
    {"userName":"test","address":"gz"},
    {"userName":"ququ","address":"gr"}
]

JSON.stringify(saveData)将其转换为json字符串:同时ajax请求的时候也要指定dataType: “json”,contentType:”application/json” 这样就可以轻易的将一个对象或者List传到Java端。

后台接收

@Controller
@RequestMapping(value = "saveUser", method=RequestMethod.POST ) 
@ResponseBody  
public void saveUser(@RequestBody List users) { 
    userService.batchSave(users); 
} 

后台用@RequestBody将其封装到List中。然后进入Service层。

GET、POST方式提时, 根据request header Content-Type的值来判断:
application/x-www-form-urlencoded, 可选(即非必须,因为这种情况的数据@RequestParam, @ModelAttribute也可以处理,当然@RequestBody也能处理);
multipart/form-data, 不能处理(即使用@RequestBody不能处理这种格式的数据);
其他格式, 必须(其他格式包括application/json, application/xml等。这些格式的数据,必须使用@RequestBody来处理)。 
关注
打赏
1662339380
查看更多评论
立即登录/注册

微信扫码登录

0.0472s