JSON数据

JS中的对象只有JS可以识别,其他的语言都不识别
而JSON字符串可以被任意的语言识别,可用于前后端数据的交互传递

注意:JSON字符串的属性名必须使用双引号

JSON分类:
1.JSON对象
2.JSON数组

JSON中允许的值:
1.字符串
2.数值
3.布尔值
4.null
5.对象
6.数组

Demo:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>JSON字符串</title>
    <script>
        window.onload = function () {
            //JSON对象
            var jsonObj = {
                "name": "jack",
                "age": 25,
                "address": "china"
            };
            // console.log(jsonObj.name);//获取对象中的指定属性值

            //JSON字符串
            var jsonStr = '{"name":"jack","age":25,"address":"china"}';

            var jsonArray =
                '[{"name":"jack","age":25,"address":"china"},{"name":"jack","age":25,"address":"china"}]';



            //读取从后台返回的JSON数据(JSON字符串、JSON数组)
            /*
            在JS中,提供了一个全局的JSON对象,用来序列化和反序列化对象为JSON格式
            
            JSON对象在IE7以及以下版本不支持,需要
            
            */

            //将JSON对象转换为JSON字符串
            var jsonStr2 = JSON.stringify(jsonObj);
            console.log("jsonStr2:" + jsonStr2);

            //将JSON字符串转换为JSON对象
            var obj = JSON.parse(jsonStr);
            console.log("name:" + obj.name);
        }
    </script>
</head>
<body>
</body>
</html>

注意:
JSON对象在IE7以及以下版本不支持,可以考虑使用json2.js类库

下载位置:
json2.js类库

Document
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值