码迷,mamicode.com
首页 > Web开发 > 详细

JSON

时间:2014-07-22 08:22:37      阅读:251      评论:0      收藏:0      [点我收藏+]

标签:blog   http   java   color   使用   os   

 简单的示例: 
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):StringJSON.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 值。

JSON,布布扣,bubuko.com

JSON

标签:blog   http   java   color   使用   os   

原文地址:http://www.cnblogs.com/regalys168/p/3856000.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!