 |
位置：电子教程 > Uni-app入门到精通教程 (如果看不到内容请使用360浏览器) | 推荐学习资源 |
|
位置：电子教程 > Uni-app入门到精通教程 (如果看不到内容请使用360浏览器) | 推荐学习资源 |
| 当前阅读教程：Uni-app入门到精通教程 > 4.1 JSON 简介 | |
| 阅读(22555525) 收藏 赞(5685) 分享 | |
| 上一篇： 3.8 main.js | 下一篇： 4.2 JSON 语法 |
第4章 JSON数据JSON是一种轻量级的数据交换格式。它基于ECMAScript的一个子集，采用完全独立于编程语言的文本格式来存储和表示数据。简洁和清晰的层次结构使得 JSON 成为理想的数据交换语言。 易于人阅读和编写，同时也易于机器解析和生成，并有效地提升网络传输效率。在小程序的前端开发中，前台数据和后台的交互都是通过JSON格式形式来交互，所以开发小程序要掌握JSON格式的基本语法和用法。 本章主要讲解JSON数据格式的通用知识，包含JSON的基本语法、JSON对象、JSON数组、JSON相关函数等的使用。 4.1 JSON 简介JSON 指的是 JavaScript 对象表示法（JavaScript Object Notation）。有如下特点： n JSON 是轻量级的文本数据交换格式。 n JSON是存储和交换文本信息的语法，类似 XML；比 XML 更小、更快、更易解析。 n JSON 独立于语言，具有自我描述性，更易理解。 提示：JSON 使用 JavaScript 语法来描述数据对象，但是 JSON 仍然独立于语言和平台。JSON 解析器和 JSON 库支持许多不同的编程语言。 下面是一个JSON的实例，使用JSON格式定义了一个对象，代码示例如下： { "employees": [ { "firstName":"Bill" , "lastName":"Gates" }, { "firstName":"George" , "lastName":"Bush" }, { "firstName":"Thomas" , "lastName":"Carter" } ] } 这个 employee 对象是包含 3 个员工记录（对象）的数组。 1.转换为 JavaScript 对象JSON 文本格式在语法上与创建 JavaScript 对象的代码相同。 由于这种相似性，无需解析器，JavaScript 程序能够使用内建的 eval() 函数，用 JSON 数据来生成原生的 JavaScript 对象。 通过编辑器，编辑 JavaScript 代码，然后通过点击一个按钮来查看结果，代码示例如下： <!DOCTYPE html > <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Json简介</title> </head> <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 type="text/javascript"> var JSONObject= { "name":"Bill Gates", "street":"Fifth Avenue New York 666", "age":56, "phone":"555 1234567"}; document.getElementById("jname").innerHTML=JSONObject.name document.getElementById("jage").innerHTML=JSONObject.age document.getElementById("jstreet").innerHTML=JSONObject.street document.getElementById("jphone").innerHTML=JSONObject.phone </script>
</body> </html> 效果如图8-1。
2.JSON优势与XML类似的地方： n JSON 是纯文本 n JSON 具有“自我描述性”（人类可读） n JSON 具有层级结构（值中存在值） n JSON 可通过 JavaScript 进行解析 n JSON 数据可使用 AJAX 进行传输 与 XML 不同之处： n 没有结束标签 n 更短 n 读写的速度更快 n 能够使用内建的 JavaScript eval() 方法进行解析 n 使用数组 n 不使用保留字 为什么使用 JSON？ n 对于 AJAX 应用程序来说，JSON 比 XML 更快更易使用： n 使用 XML n 读取 XML 文档 n 使用 XML DOM 来循环遍历文档 n 读取值并存储在变量中 n 使用 JSON n 读取 JSON 字符串 n 用 eval() 处理 JSON 字符串 【uniapp参考资料】 （1）uni-app跨平台开发 入门到实战 https://ke.qq.com/course/package/26512 （2）uni-app 完整商城界面设计实战 https://ke.qq.com/course/2381059 （3）基于vue的uniapp商城完整项目源代码 https://ke.qq.com/course/3064977 （4）毕业设计网 （5）小程序编程网 （6）计算机编程网 |
|
| 上一篇： 3.8 main.js | 下一篇： 4.2 JSON 语法 |
