JSON入门：轻量级数据交换格式详解与实战

需积分: 9 126 浏览量更新于2024-07-27 收藏 41KB DOCX 举报

"JSON学习笔记" 重要知识点什么是JSON？ JSON（JavaScript Object Notation）是一种轻量级的数据交换格式，它源自JavaScript语言，但设计得足够通用，可以被多种编程语言理解和解析。与XML类似，JSON用于存储和交换文本信息，其结构简洁明了，使得数据传输更加高效。相比XML，JSON的优势在于体积更小，解析速度更快，而且其语法直观，易于阅读和编写。 JSON对象结构 JSON数据通常以键值对的形式存在，形成对象（object）。例如，给出的部分内容展示了这样一个包含员工记录的JSON对象数组： ```json { "employees": [ { "firstName": "Bill", "lastName": "Gates" }, { "firstName": "George", "lastName": "Bush" }, { "firstName": "Thomas", "lastName": "Carter" } ] } ``` 这里的`employees`是一个数组，数组中的每个元素都是一个表示员工的独立对象，包含了`firstName`和`lastName`两个键，分别对应员工的名字和姓氏。将JSON转换为JavaScript对象由于JSON语法与JavaScript对象的定义非常相似，JavaScript可以直接通过`eval()`函数或者`JSON.parse()`方法将JSON字符串转化为JavaScript对象。例如，上面的JSON字符串可以通过`var employeeObj = JSON.parse(jsonString);`来转换为JavaScript对象。实战示例在HTML页面中，你可以创建一个简单的交互示例，通过用户输入或预设的JSON数据动态生成JavaScript对象，并显示在页面上。如下面的HTML代码所示： ```html <!DOCTYPE html> <html> <body> <h2>在JavaScript中创建JSON对象</h2> <p> Name: <span id="jname"></span><br/> Age: <span id="jage"></span><br/> Address: <span id="jstreet"></span><br/> Phone: <span id="jphone"></span><br/> </p> <script> var jsonObject = { "name": "Bill Gates", "street": "Fifth Avenue, New York 666", "age": 56, "phone": "555-1234567" }; // 将JSON转换为JavaScript对象 var jsObject = JSON.parse(JSON.stringify(jsonObject)); // 更新页面元素 document.getElementById("jname").innerHTML = jsObject.name; // ...以此类推，更新其他属性 </script> </body> </html> ``` 在这个例子中，用户可以直接看到如何将JSON数据动态绑定到HTML元素上，以便在实际应用中展示和操作。 JSON学习笔记对于初学者来说是一个很好的起点，它强调了JSON的易用性、简洁性和在不同编程语言间的通用性。掌握JSON不仅有助于开发跨平台的应用，还能提升代码的性能和可维护性。

相比 XML 的不同之处

 没有结束标签

 更短

 读写的速度更快

 能够使用内建的 JavaScript eval() 方法进行解析

 使用数组

 不使用保留字

为什么使用 JSON？

对于 AJAX 应用程序来说，JSON 比 XML 更快更易使用：

使用 XML

 读取 XML 文档

 使用 XML DOM 来循环遍历文档

 读取值并存储在变量中

使用 JSON

 读取 JSON 字符串

 用 eval() 处理 JSON 字符串

JSON 语法是 JavaScript 语法的子集。

JSON 语法规则

JSON 语法是 JavaScript 对象表示法语法的子集。

 数据在名称/值对中

 数据由逗号分隔

 花括号保存对象

 方括号保存数组

JSON 名称/值对

JSON 数据的书写格式是：名称/值对。

名称/值对包括字段名称（在双引号中），后面写一个冒号，然后是值：

"firstName" : "John"

这很容易理解，等价于这条 JavaScript 语句：

剩余14页未读，继续阅读

tdpeng2006

粉丝: 0
资源: 7

JSON入门：轻量级数据交换格式详解与实战

Json学习笔记

json 学习笔记_20140116.pdf

json 学习笔记 相关知识点

WCF返回JSON学习笔记

Ajax&Json学习笔记

JavaScript数组对象JSON学习笔记

JSON学习笔记第1/2页

json学习笔记、jackson的jar包

javascript中的数组对象以及json学习笔记

JSON学习笔记：C#与JavaScript互转

最新资源

json 学习笔记相关知识点