【干货】jQuery中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来处理)。

版权声明:除特别注明外,本站所有文章均为田珊珊个人博客原创

转载请注明:出处来自田珊珊个人博客 » 【干货】jQuery中Json对象和Json字符串的区别

点赞

发表评论

电子邮件地址不会被公开。 必填项已用*标注