看了就知道什么是JSON

所属分类: 网络编程 / JavaScript 阅读数: 1123
收藏 0 赞 0 分享
什么是JSON 
JSON(Javascript Object Notation) 是一种轻量级的数据交换格式。易于人阅读和编写。同时也易于机器解析和生成。它基于Javascript Programming Language, Standard ECMA-262 3rd Edition - December 1999的一个子集。JSON采用完全独立于语言的文本格式,但是也使用了类似于C语言家族的习惯(包括C, C++, C#, Java, Javascript, Perl, Python等)。这些特性使JSON成为理想的数据交换语言。 
JSON概念很简单,就是服务器直接生成Javascript语句,客户端获取后直接用eval方法来获得这个对象,这样就可以省去解析XML的性损失。

使用XML表示:   
复制代码 代码如下:

<items>   
    <item>   
        <id>1</id>   
        <author>Jackson</author>   
        <url>https://www.jb51.net</url>   
        <content>Welcome to Web.cn</content>   
    </item>   
    <item>   
        <id>2</id>   
        <author>Relkn</author>   
        <url>https://www.jb51.net</url>   
        <content>Web.cn关注互联网新技术</content>   
    </item>   
    <item>   
        <id>3</id>   
        <author>Kvogend</author>   
        <url>https://www.jb51.net</url>   
    <content>jb51.net脚本之家</content>   
    </item>   
</items>
    
代码:
复制代码 代码如下:

<items> 
    <item> 
        <id>1</id> 
        <author>Jackson</author> 
        <url>https://www.jb51.net</url> 
        <content>Welcome to Web.cn</content> 
    </item> 
    <item> 
        <id>2</id> 
        <author>Relkn</author> 
        <url>https://www.jb51.net</url> 
        <content>Web.cn关注互联网新技术</content> 
    </item> 
    <item> 
        <id>3</id> 
        <author>Kvogend</author> 
        <url>https://www.jb51.net</url> 
    <content>jb51.net脚本之家</content> 
    </item> 
</items>  


使用JSON:   
复制代码 代码如下:

{items:[    
{    
id:1,    
author:\"Jackson\",   
url:\"https://www.jb51.net\",   
content:\"Welcome to Web.cn\"   
},   
{   
id:2,   
author:\"Relkn\",   
url:\"https://www.jb51.net\",   
content:\"Web.cn关注互联网新技术\"   
},   
{   
id:3,   
author:\"Kvogend\",   
url:\"https://www.jb51.net\",   
content:\"jb51.net脚本之家\"   
}    
]};    

代码:  
复制代码 代码如下:

{items:[ 

id:1, 
author:\"Jackson\", 
url:\"https://www.jb51.net\", 
content:\"Welcome to Web.cn\" 
}, 

id:2, 
author:\"Relkn\", 
url:\"https://www.jb51.net\", 
content:\"Web.cn关注互联网新技术\" 
}, 

id:3, 
author:\"Kvogend\", 
url:\"https://www.jb51.net\", 
content:\"jb51.net脚本之家\" 

]};  


JSON不仅减少了解析XML解析带来的性能问题和兼容性问题,而且对于Javascript来说非常容易使用,可以方便的通过遍历数组以及访问对象属性来获取数据,其可读性也不错,基本具备了结构化数据的性质。不得不说是一个很好的办法,而且事实上google maps就没有采用XML传递数据,而是采用了JSON方案。

JSON的另外一个优势是"跨域性",例如你在www.jb51.net的网页里使用

<script type="text/javascript" src="" target="_blank">http://www.yyy.com/some.js">

是完全可行的,这就意味着你可以跨域传递信息。而使用XMLHttpRequest却获取不了跨域的信息,这是Javascript内部的安全性质所限制的。

JSON能完全取代XML吗?当然不能,原因就在于XML的优势:通用性。要使服务器端产生语法合格的Javascript代码并不是很容易做到的,这主要发生在比较庞大的系统,服务器端和客户端有不同的开发人员。它们必须协商对象的格式,这很容易造成错误。
更多精彩内容其他人还在看

layui table 复选框跳页后再回来保持原来选中的状态示例

今天小编就为大家分享一篇layui table 复选框跳页后再回来保持原来选中的状态示例,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
收藏 0 赞 0 分享

Vue-Cli项目优化操作的实现

这篇文章主要介绍了Vue-Cli项目优化操作,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
收藏 0 赞 0 分享

解决包含在label标签下的checkbox在ie8及以下版本点击事件无效果兼容的问题

这篇文章主要介绍了解决包含在label标签下的checkbox在ie8及以下版本点击事件无效果兼容的问题,本文给大家总结的非常详细,需要的朋友可以参考下
收藏 0 赞 0 分享

vue 父组件通过v-model接收子组件的值的代码

这篇文章主要介绍了vue 父组件通过v-model接收子组件的值的代码,代码简单易懂,非常不错,具有一定的参考借鉴价值,需要的朋友可以参考下
收藏 0 赞 0 分享

vue 全局环境切换问题

小编在开发使经常会碰到全局切换问题,今天小编给大家带来一篇教程给大家介绍vue 全局环境切换问题,感兴趣的朋友一起看看吧
收藏 0 赞 0 分享

element-ui 本地化使用教程详解

这篇文章主要介绍了element-ui 本地化使用教程详解,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
收藏 0 赞 0 分享

在Vue项目中,防止页面被缩放和放大示例

今天小编就为大家分享一篇在Vue项目中,防止页面被缩放和放大示例,具有很好的参考 价值,希望对大家有所帮助。一起跟随小编过来看看吧
收藏 0 赞 0 分享

vue h5移动端禁止缩放代码

今天小编就为大家分享一篇vue h5移动端禁止缩放代码,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
收藏 0 赞 0 分享

Vue 3.0双向绑定原理的实现方法

这篇文章主要为大家详细介绍了Vue 3.0双向绑定原理的实现方法,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
收藏 0 赞 0 分享

nest.js 使用express需要提供多个静态目录的操作方法

这篇文章主要介绍了nest.js 使用express需要提供多个静态目录的操作,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
收藏 0 赞 0 分享
查看更多