大话Json对象和Json字符串

1、Json对象和Json字符串的区别

    （1）Json对象：能够经过javascript存取属性。

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

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

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

    （2）Json字符串：具备必定格式的字符串，Json对象装成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对象能够经过JS的xxx.name来调用；若是是字符串，那么就是纯字符串。

    （1）发送至后台：ajax中，咱们本身拼接的是一个JSON对象，觉得它是无数据类型的，因此JS根据其格式默认其实对象，你要是日后台发，要先把它装换成JSON字符串。例如：

JSON.stringify(jsonObj)

    （2）前端接收：从ajax的服务器发过的，必定是字符串，你想要把它解析，很简单，把它先变成JSON对象才行。例如：

JSON.parse(jsonStr)

    在数据传输过程当中，json是以文本，即字符串的形式传递的，而JS操做的是JSON对象，因此，JSON对象和JSON字符串之间的相互转换是关键。例如：

//JSON字符串:
var str1 = '{ "name": "cxh", "sex": "man" }'; 
//JSON对象:
var str2 = { "name": "cxh", "sex": "man" };

2、JSON字符串转换为JSON对象

    前端要使用上面的str1，必须使用下面的方法先转化为JSON对象：

var obj = eval('(' + str + ')'); //由JSON字符串转换为JSON对象

//或者
var obj = str.parseJSON(); //由JSON字符串转换为JSON对象

//或者
var obj = JSON.parse(str); //由JSON字符串转换为JSON对象

//而后，就能够这样读取：
alert(obj.name);
alert(obj.sex);

    特别注意：若是obj原本就是一个JSON对象，那么使用eval（）函数转换后（哪怕是屡次转换）仍是JSON对象，可是使用parseJSON（）函数处理后会有问题（抛出语法异常）。

3、JSON对象转换为JSON字符串

    要想ajax传递json字符串参数时，必须使用下面的方法先转化为JSON字符串：

var last=obj.toJSONString(); //将JSON对象转化为JSON字符

//或者
var last=JSON.stringify(obj); //将JSON对象转化为JSON字符

alert(last);

注意：
上 面的几个方法中，除了eval()函数是js自带的以外，其余的几个方法都来自json.js包。新版本的 JSON 修改了 API，将 JSON.stringify() 和 JSON.parse() 两个方法都注入到了 Javascript 的内建对象里面，前者变成了 Object.toJSONString()，然后者变成了 String.parseJSON()。若是提示找不到toJSONString()和parseJSON()方法，则说明您的json包版本过低。

 

4、实际项目

    有时候在作项目的时候时常将这两个概念弄混淆，尤为是在使用springmvc的时候，后台@RequestBody接受的是一个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){ 
                //处理接受的数据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的值来判断： （1）application/x-www-form-urlencoded， 可选（即非必须，由于这种状况的数据@RequestParam, @ModelAttribute也能够处理，固然@RequestBody也能处理）； （2）multipart/form-data, 不能处理（即便用@RequestBody不能处理这种格式的数据）； （3）其余格式， 必须（其余格式包括application/json, application/xml等。这些格式的数据，必须使用@RequestBody来处理）。