ML與JSON的Web交互標(biāo)準(zhǔn)

《物聯(lián)網(wǎng)Web前端開發(fā)基礎(chǔ)》課程

XML與JSON的Web交互標(biāo)準(zhǔn)【任務(wù)8-2】Ajax技術(shù)知識(shí)拓展——XML數(shù)據(jù)格式目前比較通用的數(shù)據(jù)交換格式有XML和JSON：XML是歷史悠久、應(yīng)用廣泛的數(shù)據(jù)格式；JSON是近幾年在Web開發(fā)中流行的數(shù)據(jù)格式?！救蝿?wù)8-2】Ajax技術(shù)知識(shí)拓展——XML數(shù)據(jù)格式XML（eXtensibleMarkupLanguage，可擴(kuò)展標(biāo)記語言）與HTML都是標(biāo)簽語言，XML主要用于描述和存儲(chǔ)數(shù)據(jù)，可以自定義標(biāo)簽?！救蝿?wù)8-2】Ajax技術(shù)知識(shí)拓展——XML數(shù)據(jù)格式<?xmlversion="1.0"encoding="utf-8"?><booklist><book><name>三國演義</name><author>羅貫中</author></book><book><name>水滸傳</name><author>施耐庵</author></book></booklist>【任務(wù)8-2】Ajax技術(shù)知識(shí)拓展——XML數(shù)據(jù)格式當(dāng)服務(wù)器返回的是一個(gè)XML格式的數(shù)據(jù)時(shí)，利用Ajax對(duì)象的responseXML屬性即可對(duì)XML數(shù)據(jù)進(jìn)行處理?！救蝿?wù)8-2】Ajax技術(shù)知識(shí)拓展——XML數(shù)據(jù)格式varbooklist=data.getElementsByTagName('booklist')[0];varbook=booklist.children[0];console.log(book.children[0].innerHTML); //方式1console.log(book.children[0].firstChild); //方式2（會(huì)加上引號(hào)）console.log(book.children[0].firstChild.wholeText);//方式3【任務(wù)8-2】Ajax技術(shù)知識(shí)拓展——JSON數(shù)據(jù)格式JSON是一種輕量級(jí)的數(shù)據(jù)交換格式，它采用完全獨(dú)立于語言的文本格式，這使得JSON更易于程序的解析和處理?！救蝿?wù)8-2】Ajax技術(shù)知識(shí)拓展——JSON數(shù)據(jù)格式{"booklist":[{"name":"三國演義","author":"羅貫中"},{"name":"水滸傳","author":"施耐庵"}]}使用JSON可以保存JavaScript中的數(shù)值、布爾值、字符串、對(duì)象和數(shù)組，JSON要求必須使用雙引號(hào)包裹屬性名和字符串?！救蝿?wù)8-2】Ajax技術(shù)知識(shí)拓展——JSON數(shù)據(jù)格式當(dāng)服務(wù)器返回的是一個(gè)JSON格式的數(shù)據(jù)時(shí)，我們需要先使用Ajax對(duì)象的responseText屬性獲取JSON字符串，然后使用JSON.parse()將該字符串轉(zhuǎn)換為JavaScript對(duì)象。【任務(wù)8-2】Ajax技術(shù)知識(shí)拓展——JSON數(shù)據(jù)格式【任務(wù)8-2】Ajax技術(shù)知識(shí)拓展——JSON數(shù)據(jù)格式我們也可以使用JSON.stringify()函數(shù)將JavaScript中的數(shù)據(jù)轉(zhuǎn)換為JSON.varobj={name:'西游記',author:'吳承恩'};varjson=JSON.stringify(obj); //將對(duì)象轉(zhuǎn)換為JSON字符串console.log(json); //輸出結(jié)果：{"