Json对象和Json字符串的区别

Posted 2020-10-11 little fat

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来处理）。