zoukankan      html  css  js  c++  java
  • Json对象和Json字符串的区别

    JSON对象

    有时候在做项目的时候时常将这两个概念弄混淆,尤其是在使用springmvc的时候,后台@RequestBody接受的是一个json格式的字符串,一定是一个字符串。 
    先介绍一下json对象,首先说到对象的概念,对象的属性是可以用:对象.属性进行调用的。例如:

     var person={"name":"tom","sex":"男","age":"24"}//json对象
     console.log(person.name);//在控制台输出tom
     alert(typeof(person));//object

    以上就是json对象。是一个用perosn.name这种方式进行属性的调用。第三行代码就是看person的类型,为object类型。

    JSON字符串

    字符串,我们常说的javascript中的字符串是单引号或者双引号引起来的。那么json字符串是什么概念呢?

     var b='{"name":"2323","sex":"afasdf","age":"6262"}';//json字符串
     console.log(b);//{"name":"2323","sex":"afasdf","age":"6262"}
      alert(typeof(b));//string

    以上就是b就是一个字符串,也是一个json字符串,之所以叫json字符串,因为字符串的格式符合json的格式,所以叫做json字符串,第三行代码也匹配其中的类型为string。

    json字符串和json对象的转换

    json字符串转json对象,调用parse方法:

    var b='{"name":"2323","sex":"afasdf","age":"6262"}'//json字符串
    var bToObject=JSON.parse(b);
    console.log(bToObject.name);//2323

    json对象转为json字符串:

    var a={"name":"tom","sex":"男","age":"24"}//json对象
    var aToString=JSON.stringify(a);
    console.log(aToString);//{"name":"tom","sex":"男","age":"24"}

    Springmvc接受json字符串类型。

    在有一段时间做项目,和朋友交流的时候,基于Rest风格的开发,一直理解为前端ajax提交的一个json对象,后台以@RequestBody接受的json对象,后来我发现自己错了,其实不然,前端传入后台的是一个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来处理)。

  • 相关阅读:
    css3线性渐变
    php的%s
    面向对象
    excel导入导出
    保存Excel
    保存word
    图片预览
    验证日期输入格式
    级联菜单
    中级前端知识点提要
  • 原文地址:https://www.cnblogs.com/sysg/p/6542992.html
Copyright © 2011-2022 走看看