首页 > 代码库 > JSON学习笔记

JSON学习笔记

2024-08-17 05:32:19   216人阅读

一. 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>

 

JSON学习笔记


联系
我们