JSON

在使用名称/值对或XML时,实际上是使用javascript从应用程序中取得数据并将数据转换成另一种数据格式。javascript不仅作为格式化语言使用,还可以使用javascript语言中的对象来表示数据。

将javascript对象转换成可以随请求发送的数据(同步异步都可以)。

简单的说,JSON可以将javascript对象中表示的一组数据转换为字符串,然后就可以在函数之间轻松的传递这个字符串,或者在异步应用程序中将字符串从web客户机传递给服务器端程序。

JSON可以表示数组和复杂的对象,而不仅仅是键和值得简单列表。

JSON表示名称/值对:

{"name1":"rose1","name2":"rose2","name3":"rose3"}

多个键/值逗号分开。

值的数组

表示一组值时,将多个带花括号的记录分组在一起。

{

  "people":[

 {"name":"rose1","age":"18","email":"1554@555.com"},

  {"name":"rose2","age":"28","email":"15dd4@555.com"},

   {"name":"rose3","age":"38","email":"5554@555.com"}

  ]

}

只有people是变量,值是包含三个条目的数组,每个条目是一个人的记录,其中包含名字,年龄和电子邮件。上面演示如果用括号将记录组合成一个值,当然也可以使用相同的语法表示多个值(每个值包含多个记录)

{

  "authors":[

 {"name":"rose1","age":"18","email":"1554@555.com"},

  {"name":"rose2","age":"28","email":"15dd4@555.com"},

   {"name":"rose3","age":"38","email":"5554@555.com"}

  ],

    "musicians":[

 {"name":"rose1","age":"18","email":"1554@555.com"},

  {"name":"rose2","age":"28","email":"15dd4@555.com"},

   {"name":"rose3","age":"38","email":"5554@555.com"}

  ]

}

注意了 在不同的条目authors,musicians之间,里面的名称/值可以不一样的。在处理JSON格式的数据时,没有需要遵守的预定义的约束。所以,在同样的数据结构中,可以用不同的数据表示方式,甚至可以以不同的方式来表示同一事物。

在javascript中使用JSON

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

将JSON数据赋值给变量:

可以将JSON格式的数据字符串直接赋值给javascript变量。

var people=

{

  "authors":[

 {"name":"rose1","age":"18","email":"1554@555.com"},

  {"name":"rose2","age":"28","email":"15dd4@555.com"},

   {"name":"rose3","age":"38","email":"5554@555.com"}

  ],

    "musicians":[

 {"name":"rose1","age":"18","email":"1554@555.com"},

  {"name":"rose2","age":"28","email":"15dd4@555.com"},

   {"name":"rose3","age":"38","email":"5554@555.com"}

  ]

}

访问数据:

上面的长字符串实际上只是一个数组,将这个数组放进javascript变量之后,就可以轻松访问它。只需要用点好表示法来表示数组元素。

所以要访问authors列表中的第一个条目的姓名:

people.authors[0].name;

注意,数组索引是从0开始。所以这行代码首先访问变量people,然后移动到authors条目,再移动到第一个记录,最好访问name键的值。结果是:rose1。

使用这样的语法可以处理任何JSON格式的数据。

修改JSON数据

可以用点号和括号访问数据,也可以用同样的方法修改数据。

people.authors[0].name="summer";

在将字符串转换为javascript对象之后,就可以这样修改变量的值。

转换回字符串

将对象转换回字符串。

String newJSONtext=people.toJSONString();

现在就获得了一个可以在任何地方使用的文本字符串,如,将它用在AJAX中的请求字符串。

重要的是,可以将任何javascript对象转换为JSON文本。并非只能处理原来用JSON字符串赋值的变量。现在对名为的对象进行转换,只需执行相同形式的命令即可:

String myObjectJSON=people.toJSONString();


使用JSON,只需要一个简单的函数,就可以获得经过格式化的数据,这样就可以将数据转换为可以在请求中发送给服务器端程序的格式。

这种格式很容易用于发送和接收与对象甚至对象数组对应的数据。

JSON的真正价值:

JSON是适用于ajax应用程序的一种有效格式,因为它使javascript对象和字符串值之间得以最快转换,由于ajax应用程序很适合用纯文本发送给服务器端程序,还可以接收纯文本。

XML也可以提供文本方面的类似的益处,但用于将javascript对象转换成XML的几个现有的API没有JSON API成熟。

JSON最大的价值及时可以将javascript真正的作为javascript而非数据格式语言进行处理。你之前所学到的所有有关javascript对象的技巧都额可以在代码中使用,而无需考虑如何将这些对象转换为文本。你只需在之后,用该JSON方法调用即可:

String myObjectJSON=myObject.toJSONString();

现在就可以可以将结果发送给服务器了。

将JSON发送给服务器

通过GET以名称/值对发送JSON

将JSON数据发给服务器的最简单方法就是将其转换为文本,然后以名称/值对的值得方法进行发送。注意的是,JSON格式的数据是相当长的一个对象。

var people=
{
"authors":[
{"name":"rose1","age":"18","email":"1554@555.com"},
{"name":"rose2","age":"28","email":"15dd4@555.com"},
{"name":"rose3","age":"38","email":"5554@555.com"}
],
"musicians":[
{"name":"rose1","age":"18","email":"1554@555.com"},
{"name":"rose2","age":"28","email":"15dd4@555.com"},
{"name":"rose3","age":"38","email":"5554@555.com"}
]
}

以上是JSON格式的一个javascript对象。

要以名称/值对将其发送到服务器端,如下

var  url="xx.php?people="+people.toJSONString();
myhttp.open("GET",url,true);
myhttp.send(null);

值得注意的是,JSON数据中会有空格和各种字符,web浏览器往往会试着对其进行解析。要确保这些字符不会再服务器上(或者在将数据发送给服务器的过程中)引起混乱,需要用javascript的escape()方法处理下。

var  url="xx.php?people="+escape(people.toJSONString();)
myhttp.open("GET",url,true);
myhttp.send(null);

TIP: escape()函数可以处理空格,斜线和其他任何可能影响浏览器的内容,并将它们转换成WEB可用字符(如

在使用名称/值对或XML时,实际上是使用javascript从应用程序中取得数据并将数据转换成另一种数据格式。

数据格式json讲解的更多相关文章

  1. JSON讲解和“弹窗”

    json定义形式{key1:value1, key2:value2, key3:value3.....} 例: title>JSON讲解</title> <script src ...

  2. XMLHttpRequest实现Ajax &数据格式JSON

    GET请求 index <%@ page language="java" contentType="text/html; charset=utf-8" p ...

  3. Json 讲解

    JSON详解 阅读目录 JSON的两种结构 认识JSON字符串 在JS中如何使用JSON 在.NET中如何使用JSON 总结 JSON的全称是”JavaScript Object Notation”, ...

  4. 使用JavaScriptSerializer序列化集合、字典、数组、DataTable为JSON字符串 分类: 前端 数据格式 JSON 2014-10-30 14:08 169人阅读 评论(0) 收藏

    一.JSON简介 JSON(JavaScript Object Notation,JavaScript对象表示法)是一种轻量级的数据交换格式. JSON是"名值对"的集合.结构由大 ...

  5. 数据格式JSON

    JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式.JSON采用完全独立于语言的文本格式,这些特性使JSON成为理想的数据交换语言.易于人阅读和编写,同时也易 ...

  6. Beego 输出数据格式JSON、XML、JSONP

    JSON.XML.JSONP beego 当初设计的时候就考虑了 API 功能的设计,而我们在设计 API 的时候经常是输出 JSON 或者 XML 数据,那么 beego 提供了这样的方式直接输出: ...

  7. JSON数据格式

    JSON 数据格式 JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式.JSON采用完全独立于语言的文本格式,这些特性使JSON成为理想的数据交换语言.易于人 ...

  8. (转)JSON数据格式和js操作json总结

    原:http://niutuku.com/tech/javaScript/273643.shtml JSON数据格式和js操作json总结 来源:niutuku.com |         vince ...

  9. 使用JSON的数据格式

      在说JSON之前,我们先来看一下在javascript中创建对象的方式,也就是创建对象的字面量表示法.我们知道js中有五种基本的数据类型,分别是: Undefined(变量可能没有声明或者赋值) ...

随机推荐

  1. SQLServer针对排名函数ROWNUMBER()、RANK()、DENSE_RANK()、NTILE的研究!~

    相信大家在软件工程中经常会遇到对某些数据进行排名的问题,尤其是对于电子商务的HR来说“大手笔”是非常具有潜在价值的!~至于都有哪些价值这个超出本文的范畴不予进行说明,但是不得不说的是每一个精明的HR以 ...

  2. 夺命雷公狗-----React---26--小案例之react经典案例todos(统计部分的完成)

    这一个其实是比较容易的,只需要统计他的总数和已完成的即可, 效果如下所示: 代码如下所示: <!DOCTYPE html> <html lang="en"> ...

  3. struts 文件下载

    =============================struts 文件下载  ================================== 步骤一: JSP页面 <a href=& ...

  4. 镁光c400-MTFDDAK064M固态硬盘更新固件

    前段时间笔记本不停地假死机,就是那种系统停止响应,但鼠标依然有动作的死机,各种烦人,后来检测了下系统的温度,发现cpu轻易地上了75度,甚至会到94度,以为风扇该清理了,硅胶该换了,回想了一下,离上次 ...

  5. 优化 bulk insert

    https://www.simple-talk.com/sql/learn-sql-server/bulk-inserts-via-tsql-in-sql-server/

  6. eclipse中搭建svn开发管理环境

    1.准备好资源 subversive,若是离线安装,已为大家准备好:http://pan.baidu.com/s/1hrbXH9y(本人喜欢离线安装,在线安装就不在此说了,其实只要一种方法简单的方法能 ...

  7. git操作笔记

    首先本文参考廖雪峰的git学习教程,写的非常好,值得学习. http://www.liaoxuefeng.com/wiki/0013739516305929606dd18361248578c67b80 ...

  8. python 学习

    python 使用 缩进 代替 C 中的 {}  或 delphi 中的 begin...end 1.help()  显示帮助或 help(<命令>) 2.字符串前加 r 表示原始字符串, ...

  9. mybatis,sql 批量更新

    <update id="update81OrderStatus" parameterType="java.util.Map">    update ...

  10. treeview所有节点递归解法(转+说明)或者说递归的实际应用

    public void PrintTreeViewNode(TreeNodeCollection node) { foreach (TreeNode n in node) { Response.Wri ...