-HTML5移动前端开发基础与实战(第2版)(微课版)-PPT 模块6_第1页
-HTML5移动前端开发基础与实战(第2版)(微课版)-PPT 模块6_第2页
-HTML5移动前端开发基础与实战(第2版)(微课版)-PPT 模块6_第3页
-HTML5移动前端开发基础与实战(第2版)(微课版)-PPT 模块6_第4页
-HTML5移动前端开发基础与实战(第2版)(微课版)-PPT 模块6_第5页
已阅读5页,还剩9页未读 继续免费阅读

下载本文档

版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领

文档简介

模块6

JSON数据本模块主要讲解如何用JSON格式描述数据,如何使用JavaScript读取JSON格式数据,以及如何在页面中显示这些数据。HTML5移动前端开发基础与实战(微课版)熟练掌握JSON数据的格式及各种变化组合。知识目标熟练掌握JSON类型和字符串类型之间的转换。熟练使用JSON表示对象。1熟练掌握操作JSON数据的方法。职业目标2掌握使用JSON在线解析工具的方法。3熟练读取JSON数据。培养团队协同工作能力。培养求真务实的敬业精神。素质目标JSON是基于ECMAScript(欧洲计算机协会制定的JavaScript规范)的一个子集,采用完全独立于编程语言的文本格式来存储和表示数据。简洁和清晰的层次结构使得JSON成为理想的数据交换语言。JSON易于阅读和编写,同时也易于机器解析。6.1JSON入门3.1.5position属性JSON指的是JavaScript对象表示法(JavaScriptObjectNotation),是一种轻量级的文本数据交换格式。JSON独立于语言和平台,具有自我描述性,容易理解。JavaScript、PHP、JSP、C#等都支持JSON解析。6.1.2操作JSON数据操作基本JSON格式数据。演练5.1操作JSON数组。演练5.2循环JSON数组。演练5.36.1.3JSON和字符串类型相互转换使用JSON.parse()方法将字符串转换为JavaScript对象。解析前要确保数据符合标准的JSON格式,否则会解析出错。演练3.12使用JSON.stringify()方法将JSON对象转换为字符串。演练3.12在页面中显示JSON数据。演练3.12本节学习JSON在线解析工具以及在浏览器中观察JSON数据。还通过一个演练,将商品信息以JSON格式描述并展示在前端。6.2JSON实战6.2.1JSON在线解析工具使用JSON解析工具的主要作用。检查JSON格式数据是否合法。更加友好的缩进方式查看数据。JSON在线解析工具非常多,本书通过一个进行讲解。JSON在线解析工具使用。演练6.76.2.2在浏览器中观察JSON数据通过在浏览器调试界面观察JSON数据,进一步熟悉JSON格式的层次结构。演练6.86.2.3根据JSON数据动态绑定页面使用JSON格式描述一组商品信息,包括产品名称、价格、图片,然后在前端显示这些商品信息。演练6.9思考JSON对象、数组的任意组合都能熟练编写了吗?能读取JSON数据并显示在页面上了吗?浏览器

温馨提示

  • 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

评论

0/150

提交评论