Json对象和Json字符串的区别

1、Json概念

  • 概念:JSON (JavaScript Object Notation) 一种简单的数据格式,是一种比较轻量级的数据存储格式;
  • 优点:
  • 缺点:

2、Json与JS对象的对比

 区

 别

             JSON              JavaScript

  含

  义

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

  传

  输

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

  表

  现

  • 键值对的方式,属性必须加双引号
  • 值不可以是方法函数、undefined以及NAN
  • 键值对方式,属性不加引号
  • 值可以是函数、对象、字符串、数字、boolean 等

  相

  互    转

  换

Json字符串转换为JS对象

  • JSON.parse(str),不兼容IE7
  •    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字符串的相互转化

  • 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)

    输出结果为:

           

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

  • 调用第三方接口返回json字符串,我们自己处理成所需格式的json数据?
  •  往JSONObject对象中添加属性及属性值,最后将JSONObjecct对象转成json数据返回?

7、SpringMvc接受Json字符串类型

  • 基于Rest风格的开发,前端ajax提交的是一个json格式的字符串,后台以@RequestBody接受的json对象
    <script type="text/javascript">  
        $(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){ 
    
                } 
             }); 
        });  
    </script>

    上面代码,首先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<User> users) { 
        userService.batchSave(users); 
    } 

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

    GET、POST方式提时, 根据request header Content-Type的值来判断:
    application/x-www-form-urlencoded, 可选(即非必须,因为这种情况的数据@RequestParam, @ModelAttribute也可以处理,当然@RequestBody也能处理);
    multipart/form-data, 不能处理(即使用@RequestBody不能处理这种格式的数据);
    其他格式, 必须(其他格式包括application/json, application/xml等。这些格式的数据,必须使用@RequestBody来处理)。 
posted @ 2019-07-04 14:06  北栀女孩儿  阅读(60785)  评论(3编辑  收藏  举报