JSON学习笔记

最新推荐文章于 2023-01-10 18:36:36 发布

weixin_30808253

最新推荐文章于 2023-01-10 18:36:36 发布

阅读量129

点赞数

文章标签： json javascript ViewUI

原文链接：http://www.cnblogs.com/qingcong/p/5979946.html

版权

一. JSON语法
　　JSON 语法是 JavaScript 对象表示法语法的子集。
　　1.数据在名称/值对中
　　2.数据由逗号分隔
　　3.花括号保存对象
　　4.方括号保存数组

二. JSON 名称/值对
　JSON 数据的书写格式是：名称/值对。
　名称/值对包括字段名称（在双引号中），后面写一个冒号，然后是值：
　例如："Name" : "John"

三.JSON 值
　　JSON 值可以是：
　　1.数字（整数或浮点数）
　　2.字符串（在双引号中）
　　3.逻辑值（true 或 false）
　　4.数组（在方括号中）
　　5.对象（在花括号中）
　　6.null

四. JSON 对象
　　JSON 对象在花括号中书写：
　　对象可以包含多个名称/值对：
　　{ "firstName":"John" , "lastName":"Doe" }

五. JSON 数组
　　JSON 数组在方括号中书写：
　　数组可包含多个对象：
　　{
　　　　"employees": [
　　　　{ "firstName":"John" , "lastName":"Doe" },
　　　　{ "firstName":"Anna" , "lastName":"Smith" },
　　　　{ "firstName":"Peter" , "lastName":"Jones" }
　　　　]
　　}

用法：将JSON文本转化为javascript对象

<html>
<body>
<h2>通过 JSON 字符串来创建对象</h3>
    <p>
        First Name: <span id="fname"></span><br /> 
        Last Name: <span id="lname"></span><br /> 
    </p> 
<script type="text/javascript">
    var txt = '{"employees":[' +
              '{"firstName":"Bill","lastName":"Gates" },' +
              '{"firstName":"George","lastName":"Bush" },' +
              '{"firstName":"Thomas","lastName":"Carter" }]}';

            var obj = eval ("(" + txt + ")"); //JavaScript 函数 eval() 可用于将 JSON 文本转换为 JavaScript 对象。
            obj = JSON.parse(txt); //使用 JSON 解析器将 JSON 转换为 JavaScript 对象是更安全的做法

            document.getElementById("fname").innerHTML=obj.employees[1].firstName 
            document.getElementById("lname").innerHTML=obj.employees[1].lastName 
</script>
</body>
</html>

转载于:https://www.cnblogs.com/qingcong/p/5979946.html

weixin_30808253

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JSON学习笔记

一. JSON语法　　JSON 语法是 JavaScript 对象表示法语法的子集。　　1.数据在名称/值对中　　2.数据由逗号分隔　　3.花括号保存对象　　4.方括号保存数组二. JSON 名称/值对　JSON 数据的书写格式是：名称/值对。　名称/值对包括字段名称（在双引号中），后面写一个冒号，然后是值：　例如："Name" : "John"三.JSON 值　　JSON 值...
复制链接

扫一扫