当前位置: 代码迷 >> HTML/CSS >> XML,JSON,HTML格式对照
  详细解决方案

XML,JSON,HTML格式对照

热度:368   发布时间:2012-09-02 21:00:34.0
XML,JSON,HTML格式对比

1.XML格式:

优点:

??????XML 是一种通用的数据格式。

????? 不必把数据强加到已定义好的格式中,而是要为数据自定义合适的标记

????? 利用 DOM 可以完全掌控文档

缺点:

????? 如果文档来自于服务器,就必须得保证文档含有正确的首部信息。若文档类型不正确,那么 responseXML 的值将是空的

?????? 当浏览器接收到长的 XML 文件后, DOM 解析可能会很复杂

2.JSON格式:

优点:

??????作为一种数据传输格式,JSON XML 很相似,但是它更加灵巧。

????? JSON 不需要从服务器端发送含有特定内容类型的首部信息。

缺点:

??????语法过于严谨

????? 代码不易读

??????eval 函数存在风险

?

1.什么是JSON?

?

JSONJavaScript Object? Notation)一种简单的数据格式,比xml更轻巧。

JSONJavaScript原生格式,这意味着在JavaScript中处理JSON数据不需要任何特殊的API或工具包。

JSON的规则很简单:对象是一个无序的“‘名称/值’对”集合。一个对象以“{”(左括号)开始,“}”(右括号)结束。每个“名称”后跟一个“:”(冒号);“‘名称/值’对”之间使用“,”(逗号)分隔。

?规则如下:

? 1)映射用冒号(“:”)表示。名称:?

??2)并列的数据之间用逗号(“,”)分隔。名称1:1,名称2:2

? 3 映射的集合(对象)用大括号(“{}”)表示。{名称1:1,名称2:2}?

??4 并列数据的集合(数组)用方括号(“[]”)表示。

? [

???? ? {名称1:,名称2:2},{名称3:值3,名称4:4}]

? 5)? 元素值可具有的类型:string, number, object, array, true, false, null

以上规则总结:

JSON 用冒号(而不是等号)来赋值。每一条赋值语句用逗号分开。整个对象用大括号封装起来。可用大括号分级嵌套数据。

实例1.<script>实例1

实例1.

<script>

??? var person=[{"name":"xiaoming","age":"12","sex":"nan"},

???????????????????????? {"name":"xiaobai","age":"12","sex":"nan"},

???????????????????????? {"name":"xiaofang","age":"12","sex":"nv"},

???????????????????????? {"name":"xiaohua","age":"12","sex":"nv"}]? ;

?? alert(person[0].name);//结果是xiaoming

??? alert(person[3].sex);//结果是nv

</script>

?

实例2.<script>

??? var person={

??????????????????? "小学生":[{"name":"xiaoming","age":"12","sex":"nan"},

???????????????????????? {"name":"xiaobai","age":"12","sex":"nan"},

???????????????????????? {"name":"xiaofang","age":"12","sex":"nv"},

???????????????????????? {"name":"xiaohua","age":"12","sex":"nv"}]? };

?? alert(person.小学生[0].name);//结果是xiaoming

??? alert(person.小学生[3].sex);//结果是nv

</script>

?

3.HTML格式

优点:

??? 从服务器端发送的 HTML 代码在浏览器端不需要用 JavaScript 进行解析。

????????? HTML 的可读性好。

????????? HTML 代码块与 innerHTML 属性搭配,效率高。

缺点:

??? 若需要通过 AJAX 更新一篇文档的多个部分,HTML 不合适innerHTML 并非 DOM 标准。

对象描述中存储的数据可以是字符串,数字或者布尔值。对象描述也可存储函数,那就是对象的方法。

?

?

  相关解决方案