博客转自:android_zyf的博客
JSON: JavaScript Object Notation JSON是javascript对象的一种简单紧凑的标签,使用JSON这种表达方式时,对象可以方便地转换为字符串来进行存储和传递(在不同程序或网络中).
JSON数据的表示方式是一系列成对的参数和值,参数和值由冒号分割,每对之间以逗号分割; “param1”:”value1”,”param2”:”value2”,”param3”:”value3” 将这些序列用花括号装起来,就构成了一个JSON对象
var jsonObj = { "param1":"value1", "param2":"value2", "param3":"value3" }这一过程通常叫做字符串的”去序列化”. 使用eval()函数示例:
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>通过eval函数获得JSON对象中的属性</title> <script type="text/javascript"> //创建一个JSON对象 var jsonDemo = '{"name":"张三","age":"29","gender":"男"}'; //注意下面一定要将字符串包含在圆括号里,这里是为了避免造成含义不明确的js语法 var jsObj = eval('('+jsonDemo+')'); </script> </head> <body> <input type="button" name="" id="" value="showObjName" onclick="alert(jsObj.name)"/> </body> </html>注: 不仅仅是对象,任何能够以系列”参数”,”值”对表示的数据都能够用JSON来表示.
现在大多浏览器都能够直接支持对JSON数据的解析,浏览器中就会创建一个叫做JSON的JavaScript对象来管理JSON数据.
JSON.parse()方法用来解释JSON字符串,会将接收到的字符串创建成一个对象(会将字符串中的键值对设置成这个对象的对应属性).
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>浏览器中支持的JSON对象示例</title> <script type="text/javascript"> var jsonDemo='{"name":"张三","age":"29","gender":"男"}'; //这个JSON就相当于浏览器内置的对象 var objDemo = JSON.parse(jsonDemo); alert(objDemo.age); </script> </head> <body> </body> </html>在数据存储和转换时,”序列化”是指把数据转换成便于通过网络进行存储和传输的形式,稍后再恢复为原始的格式. JSON选择字符串作为序列化数据的格式.所以当需要网络传输的时候,需要将JSON对象进行序列化,也就是转换成字符串的格式.
JSON.stringify()方法,可以将对象转换成JSON字符串的格式.
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>浏览器中支持的JSON对象示例</title> <script type="text/javascript"> //创建一个对象并给这个对象一个属性,一个方法 var obj2json = new Object(); obj2json.like = "亡者聋药"; obj2json.gogogo = function(){ alert("gogogo"); } //将该对象通过JSON.stringify方法转换成字符串格式 var str = JSON.stringify(obj2json); //显示 alert(str); //注意,只是会显示属性,方法是不会显示出来的 </script> </head> <body> </body> </html>总结:将对象转换成JSON字符串的过程叫序列化,将JSON字符串转换成对象的过程叫做解析
“参数”:”值”对,就是常说的键值对,”参数”指的就是键(key),以后就入乡随俗叫”参数”:”值”对啦. 参数的语法规则: * 不能是JS的保留字,关键字 * 不能以数字开头 * 除了下划线和美元福,不能包含任何特殊字符
值可以是以下数据类型: * 数值 * 字符串 * 布尔值 * 数组 * 对象 * null(空)
注:JavaScript中,obj.name与obj[“name”]是相同的语法,是一样的,都是在调用对象obj的name属性
虽然JSON是为了描述JavaScript对象而开发出来的,但它是独立于任何编程语言和平台的,现在的情况就是大家都在用.
通过JSON的格式创建对象:
//创建 var user = { "name":"李四", "age":"25", "school":"家里蹲" } //使用 alert(user.name);所以这两种方式就是一致的意思了: var demo = new Object(); var demo = {};
注:这种写法,在直接支持JSON解析的浏览器中是会出错误的(eval函数可以用)
对象的属性是另一个对象,对应到JSON解析中,就是一层一层的关系(就相当于Android中的原生解析). 示例:
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>解析多层次JSON对象</title> <script type="text/javascript"> var school = { "classList":[ {"name":"一年五班","number":"四十七人","score":"差"} ,{"name":"一年六班","number":"三十六人","score":"更差"} ,{"name":"一年七班","number":"二十人","score":"差到没边"} ,{"name":"一年八班","number":"五人","score":"弃疗"} ], "name":"本山传媒学院", "onwer":"你大爷还是你大爷" } var show = ""; show+="校名:"+school.name+"\n"; show+="校长:"+school.onwer+"\n"; for (var i = 0; i < school.classList.length; i++) { show+="班级:"+school.classList[i].name+"---人数:"+school.classList[i].number+"---成绩:"+school.classList[i].score+"\n"; } alert(show); </script> </head> <body> </body> </html>尽量不要使用eval方法,因为该方法不止可以识别JSON文本,还能够执行JS命令,这就导致有可能你在解析的是一个JS命令,存在一些安全隐患,所以推荐使用浏览器内置的JSON对象来解析JSON字符串,它只识别JSON文本,不会执行JS命令,而且也会比eval方法快一些.
