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

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

大家都知道服务器端可以返回的数据格式,主要就是:XML、htmljsON,当我们做数据抓取,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.广告联盟: 整理了目前主流的广告联盟平台,如果你有流量,可以作为参考选择适合你的平台点击进入

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

服务端返回的json数据,导致前端报错的原因及解决方法

最近在开发的过程中遇到了一个问题:后端传过来的json字符串不是标准的json字符串,后端传过来的json字符串中包含一些不标准的字符或错误的引号嵌套

深入理解 JSON

我们先来看一个JS中常见的JS对象序列化成JSON字符串的问题,请问,以下JS对象通过JSON.stringify后的字符串是怎样的?先不要急着复制粘贴到控制台,先自己打开一个代码编辑器或者纸,写写看

JSON.stringify()的不常见用法

JSON.stringify()只序列化可遍历属性(enumerable=true);JSON.stringify(obj, fn|arr);JSON.stringify(obj,null,number|string) 可以接受第三个参数,这个可以用来按格式打印对象

JSON和HTML之间互转实现

主要实现功能html转json,再由json恢复html,可去除 style 和 script 标签,将行内样式转换为 js object,将 class 转换为数组形式,主要依赖于 htmlparser2 ; 这是一个性能优越、功能强大的 html 解析库

JavaScript JSON

JSON 是存储和传输数据的格式。JSON 经常在数据从服务器发送到网页时使用。JSON 指的是 JavaScript Object Notation,JSON 是轻量级的数据交换格式

sessionstorage中存储JSON数据

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

解决IE8以下低版本实现JSON.parse()与JSON.stringify()的兼容

将字符串和json对象的相互转换,我们通常使用JSON.parse()与JSON.stringify()。解决IE8以下低版本实现JSON.parse()与JSON.stringify()的兼容呢:利用eval方式解析、new Function形式、自定义兼容json的方法、head头添加mate等

JS中解决JSON中函数及对象的深度拷贝

在JS中对于普通的json, 可用如下方式进行简单的深度拷贝,不过当json中包含一些JS中的对象及函数的时候, 用这样的方法会使数据丢失, 并且这个无法解决循环引用的问题,

JSON.parse和JSON.stringify的巧用

JSON.parse和JSON.stringify是对json数据的转换,在js中使用的频率还是非常高的,比如localStorage,cookie中对复合型数据的存储,与服务器进行数据交互的格式转换等等。

百度JSON LD结构化数据代码分享

百度JSON LD结构化数据代码分享,搞外贸网站,企业网站这么就,对谷歌的 schema 结构化数据比较熟悉,但是对百度的结构化数据就了解太少了

点击更多...

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

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

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