首页 > 代码库 > JSON
JSON
简单的示例: 1。var jsonObj={person1:{name:"jack",age:"12"}, person2:{name:"kate",age:"23"}, person3:{name:"jim",age:"14"} }; 调用JSON对象的属性, 1)jsonObj.person1.name 2)jsonObj["person1"].name 可以通过for循环的方式调用JSON对象中的每一个子对象 for(var p in jsonStr){ //alert(typeof p); alert(p);//返回的是string str+=jsonObj[p].name+","+jsonObj[p].age+"<br>"; } 2。var jsonObj2={persons:[{name:"jordan",sex:"m",age:"40"}, {name:"bryant",sex:"m",age:"28"}, {name:"McGrady",sex:"m",age:"27"} ]}; 调用JSON对象的属性, 1)jsonObj2.persons[0].name; 2)for循环调用方法, var persons=jsonObj2.persons;//返回的值是一个数组object for(var i=0;i<persons.length;i++){ cur_person=persons; str+=cur_person.name+"‘sex is "+cur_person.sex+" and age is "+cur_person.age+"<br>"; } 向jsonObj2的persons数组中插入,删除,更新 数据, 此处,可以利用javascript的Array对象的方法进行操作,如 var person={name:"yaoMing",sex:"m",age:"26"}; jsonObj2.persons.push(person);//数组最后加一条记录 jsonObj2.persons.pop();//删除最后一项 jsonObj2.persons.shift();//删除第一项 jsonObj2.persons.unshift(person);//数组最前面加一条记录 只要适合Javascript的方法都是可以用在JSON对象的数组中的!所以还有另外的方法splice( )进行crud操作! //删除 jsonObj2.persons.splice(0,1);//开始位置,删除个数 //替换不删除 var self={name:"tom",sex:"m",age:"24"}; var brother={name:"Mike",sex:"m",age:"29"}; jsonObj2.persons.splice(1,0,self,brother);//开始位置,删除个数,插入对象 //替换并删除 var self={name:"tom",sex:"m",age:"24"}; var brother={name:"Mike",sex:"m",age:"29"}; jsonObj2.persons.splice(0,1,self,brother);//开始位置,删除个数,插入对象 二,知道了在Javascript中JSON的基本操作,但这还不能与后台进行交互,在着之前还需要把它转化为 String! 方法有两个,1)引入一个方法 : function obj2str(o){ var r = []; if(typeof o =="string") return "\""+o.replace(/([\‘\"\\])/g,"\\$1").replace(/(\n)/g,"\\n").replace(/(\r)/g,"\\r").replace(/(\t)/g,"\\t")+"\""; if(typeof o == "object"){ if(!o.sort){ r[0]="{" for(var i in o){ r[r.length]=i; r[r.length]=":"; r[r.length]=obj2str(o); r[r.length]=","; } if(!!document.all && !/^\n?function\s*toString\(\)\s*\{\n?\s*\[native code\]\n?\s*\}\n?\s*$/.test(o.toString)){ r[r.length]="toString:"+o.toString.toString(); r[r.length]=","; } r[r.length-1]="}" }else{ r[0]="[" for(var i =0;i<o.length;i++){ r[r.length]=obj2str(o); r[r.length]=","; } r[r.length-1]="]" } return r.join(""); } return o.toString(); }
flex 端; import com.adobe.serialization.json.JSON; var json:String=JSON.encode(reslutList.toArray()); java 端: List list = (List) JSON.parseArray(json, Map.class); Map ds=JSON.parseObject (form,Map.class);
XML虽然强大但有人觉得xml不够简洁,编码和解码也有一定难度,于是21世纪初有人发明了JSON编码,相比xml内容少并且容易阅读,编码解码的难度也比xml简单,因此迅速得到普及成为比xml更加受欢迎的编码格式。JSON编码来源于对数据结构的分析,所有数据结构都可以分为3种基本数据组成单位:
第一种类型是标量,也就是一个单独的字符串或数字。
第二种类型是序列,也就是若干个相关的数据按照一定顺序并列在一起,又叫做数组或列表
第三种类型是映射,也就是一个名/值对,又称作关联数组(Object或字典(Dictionary)
几乎所有语言都有这三种类型,as3也不例外,这是JSON成为通用的编码格式基础,JSON提出如下规范:
1.并列的数据之间用逗号(",")分隔。
2.映射用冒号(":")表示。
3.并列数据的集合(数组)用方括号("[]")表示。
4.映射的集合(对象)用大括号("{}")表示。
这符合像c++,java,c#,javascript等常用语言的编写习惯,as3也不例外,例如:
[
{"姓名":"张三","性别":"男","年纪":28},
{"姓名":"四凤","性别":女,"年纪":24}
]
{
"backgroundPic":"aaaa",
"mapBounds":{"x":10,"y":20},
"hero":{这里写你的英雄数据},
"secnceVec":[{场景1数据},{场景2数据}...],
"monsterVec":[{怪物1数据},{怪物2数据}...],
"coinVec":[{金币1数据},{金币2数据}...],
"whoYourDadVec":[{无敌药水1数据},{无敌药水2数据}...],
"bouncyPointVec":[{弹簧点1数据},{弹簧点2数据}...]
}
package gameElements.data{ import flash.geom.Point; /** * 一个关卡包含的数据 * */ public class Ele_MissionData { /** * 背景图片 * */ public var backgroundPic:String; /** * 地图大小 * */ public var mapBounds:Point; /** * 英雄数据 * */ public var hero:Ele_Hero_Data; /** * 场景数据 * */ public var secnceVec:Vector.<Ele_Secnce_Data>; /** * 怪物数据 * */ public var monsterVec:Vector.<Ele_Monster_Data>; /** * 金币数据 * */ public var coinVec:Vector.<Ele_Coin_Data>; /** * 无敌药水数据 * */ public var whoYourDadVec:Vector.<Ele_WhosYourDad_Data>; /** * 弹簧点数据 * */ public var bouncyPointVec:Vector.<Ele_BouncyPoint_Data>; }}
这个结构和as3的字面值非常相似,因此使用as3编写JSON有非常大的优势,目前as3中还没有内置JSON编码,需要下载Adobe的JSON工具包,下载完后就可以使用JSON类编码和解码,JSON使用起来也非常简单,它仅包括两个静态方法:JSON.encode(o:Object):String和JSON.decode( s:String, strict:Boolean = true ):*,endode()可以将关联数组、Array转化为字符串,decode()可以将json格式的字符串转化为Object,strict用于严格检查,如果格式不标准会报JSONParseError的错误,下面是使用JSON编码和解码的例子:
<?xml version="1.0" encoding="utf-8"?><s:WindowedApplication xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark" xmlns:mx="library://ns.adobe.com/flex/mx" creationComplete="init()"> <fx:Script> <![CDATA[ import com.adobe.serialization.json.*; private var jsonStr:String; private var jsonObj:Object; private var jsonObj2:Object; private var jsonStr2:String; private var jsonObj3:Object; internal function init():void{ jsonStr = ‘{"name":"zhanzhihu","age":22,"gender":"male","arr":[0,1,2,3]}‘; jsonObj = new Object(); jsonObj = com.adobe.serialization.json.JSON.decode(jsonStr); trace(jsonObj.name); trace(jsonObj.age + 12); trace(jsonObj.arr); trace(jsonObj["name"]); jsonObj2 = new Object(); jsonObj2.firstName = "bill"; jsonObj2.lastName = "Gate"; jsonObj2.com = "Microsoft"; jsonStr2 = com.adobe.serialization.json.JSON.encode( jsonObj2 ); trace( jsonStr2 ); getJSON(); } public function getJSON():void{ var urlLoader:URLLoader = new URLLoader(); urlLoader.load(new URLRequest( "model/ssss.php")); urlLoader.addEventListener(Event.COMPLETE, decodeJSONHandler); } private var sss:Object=new Object(); private function decodeJSONHandler(event:Event):void{ var jsonArray:Array = com.adobe.serialization.json.JSON.decode( URLLoader( event.target ).data ); trace(jsonArray); for (var i:int=0; i<jsonArray.length; i++) { trace( jsonArray[i] .firstName); } } ]]> </fx:Script> <fx:Declarations> <!-- Place non-visual elements (e.g., services, value objects) here --> </fx:Declarations></s:WindowedApplication>
<?xml version="1.0" encoding="utf-8"?><s:WindowedApplication xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark" xmlns:mx="library://ns.adobe.com/flex/mx" creationComplete="init()"> <fx:Script> <![CDATA[ //import com.adobe.serialization.json.*; private var jsonStr:String; private var jsonObj:Object; private var jsonObj2:Object; private var jsonStr2:String; private var jsonObj3:Object; internal function init():void{ jsonStr = ‘{"name":"zhanzhihu","age":22,"gender":"male","arr":[0,1,2,3]}‘; jsonObj = new Object(); //jsonObj = com.adobe.serialization.json.JSON.decode(jsonStr); jsonObj = JSON.parse(jsonStr); trace(jsonObj.name); trace(jsonObj.age + 12); trace(jsonObj.arr); trace(jsonObj["name"]); jsonObj2 = new Object(); jsonObj2.firstName = "bill"; jsonObj2.lastName = "Gate"; jsonObj2.com = "Microsoft"; //jsonStr2 = com.adobe.serialization.json.JSON.encode( jsonObj2 ); jsonStr2 = JSON.stringify(jsonObj2); trace( jsonStr2 ); } ]]> </fx:Script> <fx:Declarations> <!-- Place non-visual elements (e.g., services, value objects) here --> </fx:Declarations></s:WindowedApplication>
ssss.php
1 2 3 | [{ "firstName" : "Isaac" , "lastName" : "Asimov" , "genre" : "sciencefiction" }, { "firstName" : "Tad" , "lastName" : "Williams" , "genre" : "fantasy" }, { "firstName" : "Frank" , "lastName" : "Peretti" , "genre" : "christianfiction" }] |
[SWF] test_json.swf - 2,137,848 bytes after decompression
zhanzhihu
34
0,1,2,3
zhanzhihu
{"lastName":"Gate","firstName":"bill","com":"Microsoft"}
[object Object],[object Object],[object Object]
Isaac
Tad
Frank
[Unload SWF] test_json.swf
flex 4.6 默认添加了json:
parse(text:String, reviver:Function = null):Object [静态] 接受 JSON 格式的字符串并返回表示该值的 ActionScript 对象。 | JSON |
stringify(value:Object, replacer:* = null, space:* = null):String [静态] 返回 JSON 格式的字符串,用于表示 ActionScript 值。 |