ML与JSON的Web交互标准

《物联网Web前端开发基础》课程

XML与JSON的Web交互标准【任务8-2】Ajax技术知识拓展——XML数据格式目前比较通用的数据交换格式有XML和JSON：XML是历史悠久、应用广泛的数据格式；JSON是近几年在Web开发中流行的数据格式。【任务8-2】Ajax技术知识拓展——XML数据格式XML（eXtensibleMarkupLanguage，可扩展标记语言）与HTML都是标签语言，XML主要用于描述和存储数据，可以自定义标签。【任务8-2】Ajax技术知识拓展——XML数据格式<?xmlversion="1.0"encoding="utf-8"?><booklist><book><name>三国演义</name><author>罗贯中</author></book><book><name>水浒传</name><author>施耐庵</author></book></booklist>【任务8-2】Ajax技术知识拓展——XML数据格式当服务器返回的是一个XML格式的数据时，利用Ajax对象的responseXML属性即可对XML数据进行处理。【任务8-2】Ajax技术知识拓展——XML数据格式varbooklist=data.getElementsByTagName('booklist')[0];varbook=booklist.children[0];console.log(book.children[0].innerHTML); //方式1console.log(book.children[0].firstChild); //方式2（会加上引号）console.log(book.children[0].firstChild.wholeText);//方式3【任务8-2】Ajax技术知识拓展——JSON数据格式JSON是一种轻量级的数据交换格式，它采用完全独立于语言的文本格式，这使得JSON更易于程序的解析和处理。【任务8-2】Ajax技术知识拓展——JSON数据格式{"booklist":[{"name":"三国演义","author":"罗贯中"},{"name":"水浒传","author":"施耐庵"}]}使用JSON可以保存JavaScript中的数值、布尔值、字符串、对象和数组，JSON要求必须使用双引号包裹属性名和字符串。【任务8-2】Ajax技术知识拓展——JSON数据格式当服务器返回的是一个JSON格式的数据时，我们需要先使用Ajax对象的responseText属性获取JSON字符串，然后使用JSON.parse()将该字符串转换为JavaScript对象。【任务8-2】Ajax技术知识拓展——JSON数据格式【任务8-2】Ajax技术知识拓展——JSON数据格式我们也可以使用JSON.stringify()函数将JavaScript中的数据转换为JSON.varobj={name:'西游记',author:'吴承恩'};varjson=JSON.stringify(obj); //将对象转换为JSON字符串console.log(json); //输出结果：{"