js操作json.docx
《js操作json.docx》由会员分享，可在线阅读，更多相关《js操作json.docx（19页珍藏版）》请在冰豆网上搜索。
js操作json
JS操作JSON总结
JSON（JavaScriptObjectNotation）是一种轻量级的数据交换格式，采用完全独立于语言的文本格式，是理想的数据交换格式。
同时，JSON是JavaScript原生格式，这意味着在JavaScript中处理JSON数据不须要任何特殊的API或工具包。
本文主要是对JS操作JSON的要领做下总结。
在JSON中，有两种结构：
对象和数组。
1.一个对象以“{”（左括号）开始，“}”（右括号）结束。
每个“名称”后跟一个“:
”（冒号）；“‘名称/值’对”之间运用“,”（逗号）分隔。
名称用引号括起来；值如果是字符串则必须用括号，数值型则不须要。
例如：
varo={"xlid":
"cxh","xldigitid":
123456,"topscore":
2000,"topplaytime":
"2009-08-20"}；
2.数组是值（value）的有序集合。
一个数组以“[”（左中括号）开始，“]”（右中括号）结束。
值之间运用“,”（逗号）分隔。
例如：
varjsonranklist=[{"xlid":
"cxh","xldigitid":
123456,"topscore":
2000,"topplaytime":
"2009-08-20"},{"xlid":
"zd","xldigitid":
123456,"topscore":
1500,"topplaytime":
"2009-11-20"}];
为了方便地处理JSON数据，JSON提供了json.js包，下载地址：
http:
//www.json.org/json.js
在数据传输流程中，json是以文本，即字符串的形式传递的，而JS操作的是JSON对象，所以，JSON对象和JSON字符串之间的相互转换是关键。
例如：
JSON字符串:
varstr1='{"name":
"cxh","sex":
"man"}';
JSON对象:
varstr2={"name":
"cxh","sex":
"man"};
一、JSON字符串转换为JSON对象
要运用上面的str1，必须运用下面的要领先转化为JSON对象：
//由JSON字符串转换为JSON对象
varobj=eval（'（'+str+'）'）;
或者
varobj=str.parseJSON（）;//由JSON字符串转换为JSON对象
或者
varobj=JSON.parse（str）;//由JSON字符串转换为JSON对象
然后，就可以这样读取：
Alert（obj.name）;
Alert（obj.sex）;
特别留心：
如果obj本来就是一个JSON对象，那么运用eval（）函数转换后（哪怕是多次转换）还是JSON对象，但是运用parseJSON（）函数处理后会有疑问（抛出语法异常）。
二、可以运用toJSONString（）或者全局要领JSON.stringify（）将JSON对象转化为JSON字符串。
例如：
varlast=obj.toJSONString（）;//将JSON对象转化为JSON字符
或者
varlast=JSON.stringify（obj）;//将JSON对象转化为JSON字符
alert（last）;
留心：
上面的多个要领中，除了eval（）函数是js自带的之外，其他的多个要领都来自json.js包。
新版本的JSON修改了API，将JSON.stringify（）和JSON.parse（）两个要领都注入到了Javascript的内建对象里面，前者变成了Object.toJSONString（），而后者变成了String.parseJSON（）。
如果提示找不到toJSONString（）和parseJSON（）要领，则说明您的json包版本太低。
尽管有许多宣传关于XML如何拥有跨平台，跨语言的优势，然而，除非应用于WebServices，否则，在普通的Web应用中，开发者经常为XML的解析伤透了脑筋，无论是服务器端生成或处理XML，还是客户端用JavaScript解析XML，都常常导致复杂的代码，极低的开发效率。
实际上，对于大多数Web应用来说，他们根本不需要复杂的XML来传输数据，XML的扩展性很少具有优势，许多AJAX应用甚至直接返回HTML片段来构建动态Web页面。
和返回XML并解析它相比，返回HTML片段大大降低了系统的复杂性，但同时缺少了一定的灵活性。
现在，JSON为Web应用开发者提供了另一种数据交换格式。
让我们来看看JSON到底是什么，同XML或HTML片段相比，JSON提供了更好的简单性和灵活性。
Ajax资源中心
请访问Ajax资源中心，这是有关Ajax编程模型信息的一站式中心，包括很多文档、教程、论坛、blog、wiki和新闻。
任何Ajax的新信息都能在这里找到。
JSON数据格式解析
和XML一样，JSON也是基于纯文本的数据格式。
由于JSON天生是为JavaScript准备的，因此，JSON的数据格式非常简单，您可以用JSON传输一个简单的String，Number，Boolean，也可以传输一个数组，或者一个复杂的Object对象。
String，Number和Boolean用JSON表示非常简单。
例如，用JSON表示一个简单的String“abc”，其格式为：
"abc"
除了字符"，\，/和一些控制符（\b，\f，\n，\r，\t）需要编码外，其他Unicode字符可以直接输出。
下图是一个String的完整表示结构：
图1.String的完整表示结构
一个Number可以根据整型或浮点数表示如下：
图2.Number的表示结构
这与绝大多数编程语言的表示方法一致，例如：
12345（整数）
-3.9e10（浮点数）
Boolean类型表示为true或false。
此外，JavaScript中的null被表示为null，注意，true、false和null都没有双引号，否则将被视为一个String。
JSON还可以表示一个数组对象，使用[]包含所有元素，每个元素用逗号分隔，元素可以是任意的Value，例如，以下数组包含了一个String，Number，Boolean和一个null：
["abc",12345,false,null]
Object对象在JSON中是用{}包含一系列无序的Key-Value键值对表示的，实际上此处的Object相当于Java中的Map，而不是Java的Class。
注意Key只能用String表示。
例如，一个Address对象包含如下Key-Value：
city:
Beijing
street:
ChaoyangRoad
postcode:
100025（整数）
用JSON表示如下：
{"city":
"Beijing","street":
"ChaoyangRoad","postcode":
100025}
其中Value也可以是另一个Object或者数组，因此，复杂的Object可以嵌套表示，例如，一个Person对象包含name和address对象，可以表示如下：
{"name":
"Michael","address":
{"city":
"Beijing","street":
"ChaoyangRoad","postcode":
100025}
}
JavaScript处理JSON数据
上面介绍了如何用JSON表示数据，接下来，我们还要解决如何在服务器端生成JSON格式的数据以便发送到客户端，以及客户端如何使用JavaScript处理JSON格式的数据。
我们先讨论如何在Web页面中用JavaScript处理JSON数据。
我们通过一个简单的JavaScript方法就能看到客户端如何将JSON数据表示给用户：
functionhandleJson（）{
varj={"name":
"Michael","address":
{"city":
"Beijing","street":
"ChaoyangRoad","postcode":
100025}
};
document.write（j.name）;
document.write（j.address.city）;
}
假定服务器返回的JSON数据是上文的：
{"name":
"Michael","address":
{"city":
"Beijing","street":
"ChaoyangRoad","postcode":
100025}
}
只需将其赋值给一个JavaScript变量，就可以立刻使用该变量并更新页面中的信息了，相比XML需要从DOM中读取各种节点而言，JSON的使用非常容易。
我们需要做的仅仅是发送一个Ajax请求，然后将服务器返回的JSON数据赋值给一个变量即可。
有许多Ajax框架早已包含了处理JSON数据的能力，例如Prototype（一个流行的JavaScript库：
http:
//prototypejs.org）提供了evalJSON（）方法，能直接将服务器返回的JSON文本变成一个JavaScript变量：
newAjax.Request（"http:
//url",{
method:
"get",
onSuccess:
function（transport）{
varjson=transport.responseText.evalJSON（）;
//TODO:
document.write（json.xxx）;
}
}）;
服务器端输出JSON格式数据
下面我们讨论如何在服务器端输出JSON格式的数据。
以Java为例，我们将演示将一个Java对象编码为JSON格式的文本。
将String对象编码为JSON格式时，只需处理好特殊字符即可。
另外，必须用（"）而非（'）表示字符串：
staticStringstring2Json（Strings）{
StringBuildersb=newStringBuilder（s.length（）+20）;
sb.append（'\"'）;
for（inti=0;icharc=s.charAt（i）;
switch（c）{
case'\"':
sb.append（"\\\""）;
break;
case'\\':
sb.append（"\\\\"）;
break;
case'/':
sb.append（"\\/"）;
break;
case'\b':
sb.append（"\\b"）;
break;
case'\f':
sb.append（"\\f"）;
break;
case'\n':
sb.append（"\\n"）;
break;
case'\r':
sb.append（"\\r"）;
break;
case'\t':
sb.append（"\\t"）;
break;
default:
sb.append（c）;
}
}
sb.append（'\"'）;
returnsb.toString（）;
}
将Number表示为JSON就容易得多，利用Java的多态，我们可以处理Integer，Long，Float等多种Number格式：
staticStringnumber2Json（Numbernumber）{
returnnumber.toString（）;
}
Boolean类型也可以直接通过toString（）方法得到JSON的表示：
staticStringboolean2Json（Booleanbool）{
returnbool.toString（）;
}
要将数组编码为JSON格式，可以通过循环将每一个元素编码出来：
staticStringarray2Json（Object[]array）{
if（array.length==0）
return"[]";
StringBuildersb=newStringBuilder（array.length<<4）;
sb.append（'['）;
for（Objecto:
array）{
sb.append（toJson（o））;
sb.append（','）;
}
//将最后添加的','变为']':
sb.setCharAt（sb.length（）-1,']'）;
returnsb.toString（）;
}
最后，我们需要将Map编码为JSON格式，因为JavaScript的Object实际上对应的是Java的Map。
该方法如下：
staticStringmap2Json（Mapmap）{
if（map.isEmpty（））
return"{}";
StringBuildersb=newStringBuilder（map.size（）<<4）;
sb.append（'{'）;
Setkeys=map.keySet（）;
for（Stringkey:
keys）{
Objectvalue=map.get（key）;
sb.append（'\"'）;
sb.append（key）;
sb.append（'\"'）;
sb.append（':
'）;
sb.append（toJson（value））;
sb.append（','）;
}
//将最后的','变为'}':
sb.setCharAt（sb.length（）-1,'}'）;
returnsb.toString（）;
}
为了统一处理任意的Java对象，我们编写一个入口方法toJson（Object），能够将任意的Java对象编码为JSON格式：
publicstaticStringtoJson（Objecto）{
if（o==null）
return"null";
if（oinstanceofString）
returnstring2Json（（String）o）;
if（oinstanceofBoolean）
returnboolean2Json（（Boolean）o）;
if（oinstanceofNumber）
returnnumber2Json（（Number）o）;
if（oinstanceofMap）
returnmap2Json（（Map）o）;
if（oinstanceofObject[]）
returnarray2Json（（Object[]）o）;
thrownewRuntimeException（"Unsupportedtype:
"+o.getClass（）.getName（））;
}
我们并未对Java对象作严格的检查。
不被支持的对象（例如List）将直接抛出RuntimeException。
此外，为了保证输出的JSON是有效的，Map对象的Key也不能包含特殊字符。
细心的读者可能还会发现循环引用的对象会引发无限递归，例如，精心构造一个循环引用的Map，就可以检测到StackOverflowException：
@Test（expected=StackOverflowError.class）
publicvoidtestRecurrsiveMap2Json（）{
Mapmap=newHashMap（）;
map.put（"key",map）;
JsonUtil.map2Json（map）;
}
好在服务器处理的JSON数据最终都应该转化为简单的JavaScript对象，因此，递归引用的可能性很小。
最后，通过Servlet或MVC框架输出JSON时，需要设置正确的MIME类型（application/json）和字符编码。
假定服务器使用UTF-8编码，则可以使用以下代码输出编码后的JSON文本：
response.setContentType（"application/json;charset=UTF-8"）;
response.setCharacterEncoding（"UTF-8"）;
PrintWriterpw=response.getWriter（）;
pw.write（JsonUtil.toJson（obj））;
pw.flush（）;
小结
JSON已经是JavaScript标准的一部分。
目前，主流的浏览器对JSON支持都非常完善。
应用JSON，我们可以从XML的解析中摆脱出来，对那些应用Ajax的Web2.0网站来说，JSON确实是目前最灵活的轻量级方案。
程
文章分类:
Web前端
这是个人在最近使用json时做的总结，拿出来给没接触过的小弟们晒晒，适用与没接触过json的人员，其中json2。
js请到json官网下载。