XML,JSON,HTML格式对比

1.XML格式：

优点：

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

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

      利用 DOM 可以完全掌控文档

缺点：

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

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

2.JSON格式：

优点：

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

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

缺点：

      语法过于严谨

      代码不易读

      eval 函数存在风险

 

1.什么是JSON?

 

JSON（JavaScript Object  Notation）一种简单的数据格式，比xml更轻巧。

JSON是JavaScript原生格式，这意味着在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 标准。

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