1. 程式人生 > >Json物件和Json字串的區別

Json物件和Json字串的區別

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來處理)。