Json对象和Json字符串的区别(☆☆)

1、Json概念
JSON (JavaScript Object Notation) 一种简单的数据格式，是一种比较轻量级的数据存储格式；
2、Json与象
1、最显著的特征：对象的值可以用 “对象.属性” 进行访问；
2、typeOf(json对象) ===> Object类型
3、例子如下：

var person={"name":"shily","sex":"女","age":"23"}//json对象
console.log(person);
console.log(person.name);
console.log(typeof person);

输出结果是：

3、Json字符串（所谓字符串：单引号或者双引号引起来）
例子如下：

var person='{"name":"shily","sex":"女","age":"23"}';//json字符串
console.log(person)
console.log(person.name)
console.log(typeof person)

输出结果是：

4、Json对象与Json字符串的相互转化
1、Json字符串转化为Json对象（ JSON.parse() ）

var  str = '{"name":"shily","sex":"女","age":"23"}';
var  strToObj = JSON.parse(str);
console.log(strToObj);
console.log(typeof strToObj);
console.log(strToObj.name)

输出结果为：

2、Json对象转化为Json字符串（ JSON.stringify() ）

var  obj = {"name":"shily","sex":"女","age":"23"}//json对象
var  objToStr = JSON.stringify(obj);
console.log(objToStr);
console.log(typeof objToStr)

输出结果为：

5、Json数据在哪种格式下会发生转换

1、调用第三方接口返回json字符串，我们自己处理成所需格式的json数据？

2、往JSONObject对象中添加属性及属性值，最后将JSONObjecct对象转成json数据返回？
6、SpringMvc接受Json字符串类型
基于Rest风格的开发，前端ajax提交的是一个json格式的字符串，后台以@RequestBody接受的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中。然后进入Service层。

我的微信号:xiang20200106 ,欢迎大家找我聊天
— 【 THE END 】—

本公众号已经整理一套包含前端和后端的全套电子书教程，限时免费赠送，请在公众号里回复「电子书」获取！