web数据格式中关于:XML/HTML/JSON学习总汇

时间: 2017-11-15阅读: 1002标签: json

大家都知道服务器端可以返回的数据格式,主要就是:XML、HTML、JSON,当我们做数据抓取,ajax请求的时候都需要熟悉它们的使用。这篇文章主要围绕三个核心概念来进行介绍。


XML

XML:可扩展标记语言,用于标记电子文件使其具有结构性的标记语言,可以用来标记数据、定义数据类型,是一种允许用户对自己的标记语言进行定义的源语言,主要用于数据传输。

从语法上来讲,XML和HTML可以被归为一类,因为他们遵循的语法一致,只是在web中充当的角色和标签名称上有差异。  xml格式如下:

<?xml version="1.0" encoding="utf-8"?>
<note>
  <to>Fly63</to>
  <from>tony</from>
</note>

xml的第一行是xml的文档头声明,主要包含xml的版本、字符编码信息。之后的几行时xml文档的主题内容。该xml文件包含的内容信息均以标签对进行封装,每一个值都包括在起始标签  我们可以把理解为键值对的形式,只是键名都是头尾对称的标签,值为里面的内容。

XML的优点:1、通用的数据格式;2、不必把数据强加到已定义好的格式中,而是要为数据自定义合适的标记;3、利用DOM可以完全掌控文档。
XML的缺点:1、如果文档来自于服务器,就必须得保证文档含有正确的首部信息。若文档类型不正确,那么responseXML的值将是空的;2、当浏览器接收到长的XML文件后,DOM解析可能会很复杂。  



HTML

HTML:超文本标记语言,为“网页创建和其它可在网页浏览器中看到的信息”设计的一种标记语言,主要用于网页显示。

而html与xml的主要区别是,html有约定俗成的固定文档结构,有预定义的一系列固定标签。单纯的html仅仅是静态文本,浏览器的渲染是基于html文档中各级标签内所定义的属性

JSON是一种轻量级的数据交换格式。 它起源于JavaScript的数据对象,之后独立成为一种web较为流行的数据交换标准,JSON采用完全独立于语言的文本格式,但是也使用了类似于C语言家族的习惯(包括C, C++, C#, Java, JavaScript, Perl, Python等)。这些特性使JSON成为理想的数据交换语言。易于人阅读和编写,同时也易于机器解析和生成。

{
  "note":{
        "to":"Fly63",
        "from":"tony",
    }
}

json的语法,是非常明显的键值对(key-value),key不允许重复,且需以双引号包括,键值对中允许嵌套,值可以为字符(使用双引号或者单引号包括)、数值、布尔型(true\false)、数组([1,2,3,5])或者null。同级元素间以“,”隔开,花括号包含的的内容被称为对象,键值对中值也允许为对象。

json在某种程度上跟xml有点像,json也是只有一套语法标准,不存在固定的文档模板或者预定义标签(或者说键名),这样xml和json都可以用于书写自定义的数据对象。

xml由于是对称标签结构,而json仅适用“{”,“[”,“<”,“>”等标点符号来作为层级和标签起始点结构,所以json省去了大量冗余字符信息,这也是网络上争吵不断的关于xml和json孰优孰略的焦点之一。

JSON的优点:1、与XML很相似,但是更加灵巧;2、不需要从服务器端发送含有特定内容类型的首部信息。
JSON的缺点:1、语法过于严谨;2、代码不易读;3、eval函数存在风险。


总结:

HTML主要用于网页的显示,而xml和json主要用于数据的传输。XML相对于JSON而言是一种重量型的数据交换格式;而JSON是一种轻量型的数据交换格式,两个各有优缺点,孰轻孰重还要看具体的应用环境。

  

吐血推荐

1.站长广告联盟: 整理了目前主流的广告联盟平台,如果你有流量,可以作为参考选择适合你的平台点击进入...

2.休闲娱乐: 网页游戏  直播/交友   H5游戏

链接: http://www.fly63.com/article/detial/108

JSON.parse 比 Object 字面量语法更快

因为 JSON 语法比 Javascript 的语法更简单,因此解析 JSON 比解析 Javascript 更高效。当一个 web app 需要加载在首次加载时,解析一个非常复杂的、大型的、符合 JSON 规范的对象字面量配置对象时

js实现json数据格式化及压缩

经常写代码就免不了与json这种轻量级的数据打交道,一般我们得到的json字符串是混乱的,计算机不在乎,再乱它都能认识,作为人类,虽然也能认识,但识读起来比较困难。

sessionstorage中存储JSON数据

在web开发时,可能经常会用到sessionstorage存储数据,存储单个字符串数据变量时并不困难,但是sessionStorage只能存储字符串类型数据,无法直接存储数组类型和JSON对象

JSON.stringfy()的使用

value 被序列化为字符串的对象;replacer 根据类型不同,其行为也不一样。如果是一个函数类型,则相当于是一个filter,可以对序列化的键值对进行加工处理;如果是一个数组,则只有符合数组中名称的key才会被输出

Js中json对象与json字符串相互转换的几种方式

使用JSON.stringify()方法进行转换,JSON字符串转化为JSON对象使用 eval() 转换时需要在 json 字符外包裹一对小括号。使用JSON.parse()方法进行转换ie8(兼容模式)、ie7、ie6 不要使用此方法。

js中Json相关知识

JSON 是 JS 对象的字符串表示法,它使用文本表示一个 JS 对象的信息,本质是一个字符串。JSON与JS对象互转要实现从JSON字符串转换为JS对象,使用 JSON.parse() 方法, 要实现从JS对象转换为JSON字符串,使用 JSON.stringify()

json常用的注解

@JsonIgnoreProperties:此注解是类注解,作用是json序列化时将java bean中的一些属性忽略掉,序列化和反序列化都受影响。写法将此标签加在model 类的类名上 ,可以多个属性也可以单个属性

Js把CSV与Excel转为Json

有两个 JavaScript 插件可用于读取和处理 CSV 和 Excel 文件,之后仅对自己的脚本进行编码即可。CSV 表示 :用逗号分隔值,这是一种文件格式,用于存储表格数据,如电子表格或数据库等

js之map及转换json、Object

set map<=>object map转obj,因为map打印出来其实是数组里套长度为二的数组,和java的不同 Object.create(null)、Object.create({}),{}的不同创建对象的区别 第一个,默认是null对象,啥方法都没有、后两个一样继承了object类,有两个内置方法

json结构化数据格式

JSON是javascript的子类,也是作为更好的互联网传输结构化数据格式逐渐取代XML,因此要理解JSON,重要的是理解它是一种数据格式,不是一种编程语言。

fly63.com版权所有,内容以共享、参考、研究为目的,不存在任何商业目的。其版权属原作者所有,如有侵权,请与小编联系!情况属实本人将予以删除!

广告赞助文章投稿关于web前端网站点搜索站长推荐网站地图站长QQ:522607023

小程序专栏: 土味情话心理测试脑筋急转弯幽默笑话段子句子语录成语大全