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 值。 |
