-HTML5移動前端開發(fā)基礎(chǔ)與實(shí)戰(zhàn)（第2版）（微課版）-PPT 模塊6

模塊6

JSON數(shù)據(jù)本模塊主要講解如何用JSON格式描述數(shù)據(jù)，如何使用JavaScript讀取JSON格式數(shù)據(jù)，以及如何在頁面中顯示這些數(shù)據(jù)。HTML5移動前端開發(fā)基礎(chǔ)與實(shí)戰(zhàn)（微課版）熟練掌握J(rèn)SON數(shù)據(jù)的格式及各種變化組合。知識目標(biāo)熟練掌握J(rèn)SON類型和字符串類型之間的轉(zhuǎn)換。熟練使用JSON表示對象。1熟練掌握操作JSON數(shù)據(jù)的方法。職業(yè)目標(biāo)2掌握使用JSON在線解析工具的方法。3熟練讀取JSON數(shù)據(jù)。培養(yǎng)團(tuán)隊(duì)協(xié)同工作能力。培養(yǎng)求真務(wù)實(shí)的敬業(yè)精神。素質(zhì)目標(biāo)JSON是基于ECMAScript（歐洲計(jì)算機(jī)協(xié)會制定的JavaScript規(guī)范）的一個(gè)子集，采用完全獨(dú)立于編程語言的文本格式來存儲和表示數(shù)據(jù)。簡潔和清晰的層次結(jié)構(gòu)使得JSON成為理想的數(shù)據(jù)交換語言。JSON易于閱讀和編寫，同時(shí)也易于機(jī)器解析。6.1JSON入門3.1.5position屬性JSON指的是JavaScript對象表示法（JavaScriptObjectNotation），是一種輕量級的文本數(shù)據(jù)交換格式。JSON獨(dú)立于語言和平臺，具有自我描述性，容易理解。JavaScript、PHP、JSP、C#等都支持JSON解析。6.1.2操作JSON數(shù)據(jù)操作基本JSON格式數(shù)據(jù)。演練5.1操作JSON數(shù)組。演練5.2循環(huán)JSON數(shù)組。演練5.36.1.3JSON和字符串類型相互轉(zhuǎn)換使用JSON.parse()方法將字符串轉(zhuǎn)換為JavaScript對象。解析前要確保數(shù)據(jù)符合標(biāo)準(zhǔn)的JSON格式，否則會解析出錯(cuò)。演練3.12使用JSON.stringify()方法將JSON對象轉(zhuǎn)換為字符串。演練3.12在頁面中顯示JSON數(shù)據(jù)。演練3.12本節(jié)學(xué)習(xí)JSON在線解析工具以及在瀏覽器中觀察JSON數(shù)據(jù)。還通過一個(gè)演練，將商品信息以JSON格式描述并展示在前端。6.2JSON實(shí)戰(zhàn)6.2.1JSON在線解析工具使用JSON解析工具的主要作用。檢查JSON格式數(shù)據(jù)是否合法。更加友好的縮進(jìn)方式查看數(shù)據(jù)。JSON在線解析工具非常多，本書通過一個(gè)進(jìn)行講解。JSON在線解析工具使用。演練6.76.2.2在瀏覽器中觀察JSON數(shù)據(jù)通過在瀏覽器調(diào)試界面觀察JSON數(shù)據(jù)，進(jìn)一步熟悉JSON格式的層次結(jié)構(gòu)。演練6.86.2.3根據(jù)JSON數(shù)據(jù)動態(tài)綁定頁面使用JSON格式描述一組商品信息，包括產(chǎn)品名稱、價(jià)格、圖片，然后在前端顯示這些商品信息。演練6.9思考JSON對象、數(shù)組的任意組合都能熟練編寫了嗎？能讀取JSON數(shù)據(jù)并顯示在頁面上了嗎？瀏覽器