大話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來處理）。