转载:JQuery前端操作JSON

您所在的位置:网站首页 jquery列表添加数据 转载:JQuery前端操作JSON

转载:JQuery前端操作JSON

#转载:JQuery前端操作JSON| 来源: 网络整理| 查看: 265

一、关于Json的数据格式

从结构上看,所有的数据最终都可以分成三种类型:

第一种类型是scalar(标量),也就是一个单独的string(字符串)或数字(numbers),比如“北京”这个单独的词。

第二种类型是sequence(序列),也就是若干个相关的数据按照一定顺序并列在一起,又叫做array(数组)或List(列表),比如“北京,东京”。

第三种类型是mapping(映射),也就是一个名/值对(Name/value),即数据有一个名称,还有一个与之相对应的值,这又称作hash(散列)或 dictionary(字典),比如“首都:北京”。

JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式,它的规则非常简单并且是有趣的:

1) 并列的数据之间用逗号(“,”)分隔。

2) 映射用冒号(“:”)表示。

3) 并列数据的集合(数组)用方括号("[]")表示。

4) 映射的集合(对象)用大括号(“{}”)表示。

按照这个规则可以作以下理解:

1.数组用“[]”创建,对象用“{}”创建,并且使用Json基本都是用[]或者{}创建的数组或对象,否则一个普通的字符串是没有意义的;

2.无论是数组还是对象,之间的元素都用“,”隔开;

3.对象内部,(属性的)名称和值用“:”隔开,并且必须要用“:”隔开,不可单独存在属性名或者值;

4.对象和数组可以互相嵌套,即数组中的一个元素可以是一个对象也可以是一个数组,同理对象中的一个属性的值可以是一个对象也可以是一个数组。

JSON 最常见的用法之一,是从 web 服务器上读取 JSON 数据(作为文件或作为 HttpRequest),将 JSON 数据转换为JavaScript 对象,然后在网页中使用该数据。

或者反过来,把参数转换成JSON对象,然后在后台反序列化成对象,再获取到参数的值,这可以解决callback方法只能传一个参数的缺点

把JSON对象作为Callback 的参数

二、Json数据形式实例

1.

var china= {beijing:{name:"北京",area:"16000",haidian:{name:"海淀区"}},

shanghai:{name:"上海",area:"10000",minhang:{name:"闵行区"}}};

alert(china.beijing.haidian.name);

alert(china.shanghai.minhang.name);

分别弹出“海淀区”和“闵行区”。

2.

var ourcountry=[["北京市"],["上海市"],["合肥市","芜湖市","蚌埠市"]];

alert(ourcountry[2][1]);

弹出“芜湖市”。

3. var zhongguo = {provinces: [{name: "北京",

cities: [{name:"北京市",

quxian: ["海淀区",

"朝阳区",

"东城区",

"西城区"]

}

]

},

{name: "安徽省", cities:[{ name: "芜湖市", quxian: ["繁昌县", "芜湖县", "南陵县", "三山区"] },

{ name: "合肥市", quxian: ["肥西县", "蜀山区", "庐阳区"] }]},

"湖北省"

]

};

var str = "中国:{\n";

for (var i = 0;i < zhongguo.provinces.length; i++) {

if (zhongguo.provinces.cities != null) {

str += zhongguo.provinces.name+ "{";

for (var j = 0; j < zhongguo.provinces.cities.length; j++) {

if (zhongguo.provinces.cities[j] != null) {

str +=zhongguo.provinces.cities[j].name + "{";

for (var k = 0; k parse error

name没有用引号引起来,使用JSON.parse所有浏览器中均抛异常,解析失败。而前两种方式则没问题。

4、把JSON转化成字符串

一般在调试alert时用,用于查看JSON对象明细

JSON.stringify(res)

————————————————

版权声明:本文为CSDN博主「sk901207」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。

原文链接:JQuery前端操作JSON_sk901207的专栏-CSDN博客_jquery操作json



【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3