`

JSON详解

阅读更多

JSON详解
JSON的全称是”JavaScript Object Notation”,意思是JavaScript对象表示法,它是一种基于文本,独立于语言的轻量级数据交换格式。XML也是一种数据交换格式,为什么没有选择XML呢?因为XML虽然可以作为跨平台的数据交换格式,但是在JS(JavaScript的简写)中处理XML非常不方便,同时XML标记比数据多,增加了交换产生的流量,而JSON没有附加的任何标记,在JS中可作为对象处理,所以我们更倾向于选择JSON来交换数据。这篇文章主要从以下几个方面来说明JSON。

1,JSON的两种结构
2,认识JSON字符串
3,在JS中如何使用JSON


1 JSON的两种结构
JSON有两种表示结构,对象和数组
(1)对象以{开始 以}结束 中间部分由0或多个以,分隔的key value对构成
{
    key1:value1,
    key2:value2,
    ...
}
其中关键字是字符串,而值可以是字符串,数值,true,false,null,对象或数组
(2)数组结构以[开始 ]结束,中间由0或多个以”,”分隔的值列表组成
[
    {
        key1:value1,
        key2:value2
    },
    {
         key3:value3,
         key4:value4  
    }
]
2 认识字符串
字符串:这个很好解释,指使用“”双引号或’’单引号包括的字符。例如:var comStr = 'this is string';
json字符串:指的是符合json格式要求的js字符串。例如:var jsonStr = "{StudentID:'100',Name:'tmac',Hometown:'usa'}";
json对象:指符合json格式要求的js对象。例如:var jsonObj = { StudentID: "100", Name: "tmac", Hometown: "usa" };

3 在javascript中使用JSON
JSON是JS的一个子集,所以可以在JS中轻松地读,写JSON。读和写JSON都有两种方法,分别是利用”.”操作符和“[key]”的方式。
var obj = {
            "name": "张三",
            "age": "15",
            count: 3,
            person: [ //数组结构JSON对象,可以嵌套使用
                        {
                            id: 1,
                            name: "张三"
                        },
                        {
                            id: 2,
                            name: "李四"
                        }
                   ],
            object: { //对象结构JSON对象
                id: 1,
                msg: "对象里的对象"   
            }
        };
       
(1)读数据
        function ReadJSON() {
            alert(obj.name); //可以用alert(obj["name"]);说明数字最好不要做关键字
            alert(obj.age); //同上

            alert(obj.person[0].name); //或者alert(obj.person[0]["name"])
            alert(obj.object.msg); //或者alert(obj.object["msg"])
        }
(2)向json写数据
function Add() {
            //往JSON对象中增加了一条记录
            obj.sex= "男" //或者obj["sex"]="男"
        }
(3)修改JSON数据
function Update() {
            obj.count = 10; //或obj["count"]=10
        }
(4)删除JSON数据
function Delete() {
            delete obj.count;
        }


分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics