Ajax中数据传递的另一种模式:JSON
2007-03-29 21:19
253 查看
Ajax是“异步JavaScript和XML”的缩写已经众所周知,然而虽然XML是看上去的重要 组成部分,它却不是必须的。今天看到一篇国外Blog提到JSON的说法,全称是JavaScript Object Notation,意思是直接使用Ajax对象来传递信息,可以读作“Jason”。在这里我就简单的介绍一下,JSON概念很简单,就是服务器直接生成JavaScript语句,客户端获取后直接用eval方法来获得这个对象,这样就可以省去解析XML的性能损失。比如传递Blog评论的示例:
使用XML表示:
<comments>
<comment>
<id>1</id>
<author>someone1</author>
<url>http://someone1.x2design.net</url>
<content>hello</content>
</comment>
<comment>
<id>2</id>
<author>someone2</author>
<url>http://someone2.x2design.net</url>
<content>someone1</content>
</comment>
<comment>
<id>3</id>
<author>someone3</author>
<url>http://someone3.x2design.net</url>
<content>hello</content>
</comment>
</comments>
使用JSON:
{comments:[
{
id:1,
author:"someone1",
url:"http://someone1.x2design.net",
content:"hello"
},
{
id:2,
author:"someone2",
url:"http://someone2.x2design.net",
content:"hello"
},
{
id:3,
author:"someone3",
url:"http://someone3.x2design.net",
content:"hello"
}
]};
很容易发现,使用JSON不仅减少了解析XML解析带来的性能问题和兼容性问题,而且对于JavaScript来说非常容易使用,可以方便的通过遍历数组以及访问对象属性来获取数据,其可读性也不错,基本具备了结构化数据的性质。不得不说是一个很好的办法,而且事实上google maps就没有采用XML传递数据,而是采用了JSON方案。
JSON的另外一个优势是跨域可行性,例如你在www.xxx.com的网页里使用<script type="text/javascript" src="http://www.yyy.com/some.js"></script>是完全可行的,这就意味着你可以跨域传递信息。而使用XMLHttpRequest却获取不了跨域的信息,这是JavaScript内部的安全性质所限制的。
JSON看上去很美,是不是就能完全取代XML呢?事实并非如此,而原因就在于XML的优势:通用性。要使服务器端产生语法合格的JavaScript代码并不是很容易做到的,这主要发生在比较庞大的系统,服务器端和客户端有不同的开发人员。它们必须协商对象的格式,这很容易造成错误。
无论如何,JSON是一个诱人的技术,准备在X2Blog做一个大量的试用。希望届时可以获取大的性能提高。
使用XML表示:
<comments>
<comment>
<id>1</id>
<author>someone1</author>
<url>http://someone1.x2design.net</url>
<content>hello</content>
</comment>
<comment>
<id>2</id>
<author>someone2</author>
<url>http://someone2.x2design.net</url>
<content>someone1</content>
</comment>
<comment>
<id>3</id>
<author>someone3</author>
<url>http://someone3.x2design.net</url>
<content>hello</content>
</comment>
</comments>
使用JSON:
{comments:[
{
id:1,
author:"someone1",
url:"http://someone1.x2design.net",
content:"hello"
},
{
id:2,
author:"someone2",
url:"http://someone2.x2design.net",
content:"hello"
},
{
id:3,
author:"someone3",
url:"http://someone3.x2design.net",
content:"hello"
}
]};
很容易发现,使用JSON不仅减少了解析XML解析带来的性能问题和兼容性问题,而且对于JavaScript来说非常容易使用,可以方便的通过遍历数组以及访问对象属性来获取数据,其可读性也不错,基本具备了结构化数据的性质。不得不说是一个很好的办法,而且事实上google maps就没有采用XML传递数据,而是采用了JSON方案。
JSON的另外一个优势是跨域可行性,例如你在www.xxx.com的网页里使用<script type="text/javascript" src="http://www.yyy.com/some.js"></script>是完全可行的,这就意味着你可以跨域传递信息。而使用XMLHttpRequest却获取不了跨域的信息,这是JavaScript内部的安全性质所限制的。
JSON看上去很美,是不是就能完全取代XML呢?事实并非如此,而原因就在于XML的优势:通用性。要使服务器端产生语法合格的JavaScript代码并不是很容易做到的,这主要发生在比较庞大的系统,服务器端和客户端有不同的开发人员。它们必须协商对象的格式,这很容易造成错误。
无论如何,JSON是一个诱人的技术,准备在X2Blog做一个大量的试用。希望届时可以获取大的性能提高。
相关文章推荐
- Ajax中数据传递的另一种模式:JSON
- Ajax中数据传递的另一种模式 javascript Object Notation思想(JSON)
- Ajax中数据传递的另一种模式 javascript Object Notation思想(JSON)
- jQuery Ajax 调用 ASP.NET WebServices + (POST)->JSON 数据传递,一种开发高效的模式
- boke例子: freermarker:在使用ajax传递json数据的时候多出冒号
- 使用Ajax传递 json数据,并在一般处理页面进行接收全过程
- SpringMVC之Controller传递JSON数据到页面
- hibernate传递给前台json数据的时候有些数据不匹配的解决方法
- JSON格式传递数据使用方法(JS和JAVA)
- SoapUI对于Json数据进行属性值获取与传递
- 从json传递数据显示表格实例
- json来进行数据的传递
- $.ajax json数据传递方法
- 表格里的某个超链接点击执行的函数参数传递json对象格式的数据
- SpringMVC作为Controller向前端传递JSON数据,前端用Extjs接收
- JSON进阶第二篇 AJAX方式传递JSON数据
- JSON后端向前端传递数据 JAVA
- SpringMVC(27):json数据的传递处理的示例(实现功能:使用jQuery框架的ajax()方法实现用户信息查看)
- springboot开发中使用postman 向后台传递json数据的时候,为空
- 关于使用json数据传递的时候hibernate的懒加载问题