JSON对象和Json字符串的区别

JSON对象和Json字符串的区别

JSON 对象

有时候在做项目的时候时常将这两个概念弄混淆，尤其是在使用 springmvc 的时候，后台 @RequestBody 接受的是一个 json 格式的字符串，一定是一个字符串。

先介绍一下 json 对象，首先说到对象的概念，对象的属性是可以用：对象. 属性进行调用的。例如：

var person={"name":"zhangsan","sex":"男","age":"24"}//json对象
alert(person.name);//zhangsan
alert(typeof person);//object

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

JSON 字符串

字符串，我们常说的 JavaScript 中的字符串是单引号或者双引号引起来的。

var person='{"name":"zhangsan","sex":"男","age":"24"}';//json字符串
alert(person);//{"name":"zhangsan","sex":"男","age":"24"}
alert(typeof person);//string

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

JSON 字符串和 JOSN 对象的转换

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

var person='{"name":"zhangsan","sex":"男","age":"24"}';//json字符串
var personObject = JSON.parse(person);
alert(personObject.name);//zhangsan

json 对象转为 json 字符串，调用 stringify 方法：

var person={"name":"zhangsan","sex":"男","age":"24"};//json对象
var personString = JSON.stringify(person);
alert(personString);

SpringMVC 接受 json 字符串类型。

在 SpringMVC 中基于 REST 开发时，前端传入后台的应该是一个 json 格式的字符串，而不是一个 json 对象

<script type="text/javascript">  
    $(document).ready(function(){  
        var saveDataAry=[];  
        var data1={"userName":"zhangsan","address":"bj"};  
        var data2={"userName":"lisi","address":"nj"};  
        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":"zhangsan","address":"bj"},
    {"userName":"lisi","address":"nj"}
]

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

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