JSON基础知识总结
前言:
前后端分离时代:
后端提供接口 ,提供数据
前端独立部署 ,负责渲染后端数据:
先简单演示一下json
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script type="text/javascript">
var user ={ //此处我们创建一个js对象
name:"李嘉伟",
age:3,
sex:"男"
}
var json = JSON.stringify(user);//通过JSON的方法将js对象转换成JSON对象(字符串)
console.log(json)//在网页打印转成字符串的样子
console.log(user)//在网页打印对象的样子
</script>
</head>
</html>
我们还可以使用JSON.parse() 方法将JSON转成就是对象
1、什么是JSON
JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式。
JSON是用字符串来表示Javascript对象,例如可以在Servlet中发送一个JSON格式的字符串给客户端Javascript,Javascript可以执行这个字符串,得到一个Javascript对象。
XML也可以用来作为数据交换,在Servlet中发送XML给Javascript,然后Javascript再去解析XML。
2、JSON对象语法
JSON 语法:数据在名称/值对中,数据由逗号分隔,花括号保存对象,方括号保存数组。
var person = {“name”:“zhangSan”, “age”:“18”, “sex”:“male”};
alert(person.name + ", " + person.age + ", " + person.sex);
注意,key也要在双引号中。
JSON值:数字(整数或浮点数),字符串(在双引号中),逻辑值(true 或 false),数组(在方括号中),对象(在花括号中),null。
var person = {"name":"zhangSan", "age":"18", "sex":"male", "hobby":["cf", "sj", "ddm"] };
alert(person.name + ", " + person.age + ", " + person.sex + ", " + person.hobby);
带有方法的JSON对象:
var person = {"name":"zhangSan", "getName":function() {return this.name;}};
alert(person.name);
alert(person.getName());
3、JSON与XML比较
可读性:XML胜出;
解码难度:JSON本身就是JS对象(主场作战),所以简单很多;
流行度:XML已经流行好多年,但在AJAX领域,JSON更受欢迎。
4、把Java对象转换成JSON对象
Apache提供的json-lib小工具,它可以方便的使用Java语言来创建JSON字符串。也可以把JavaBean转换成JSON字符串。
4.1 json-lib核心jar包
json-lib的核心jar包有: json-lib.jar
json-lib的依赖jar包有: commons-lang.jar,commons-beanutils.jar,commons-logging.jar,commons-collections.jar,ezmorph.jar
4.2 json-lib中的核心类
json-lib中只有两个核心类:JSONObject和JSONArray;
4.2.1 JSONObject
JSONObject类本身是一个Map,所以学习它很方便。
JSONObject jo = new JSONObject();
jo.put(“name”, “zhangSan”);
jo.put(“age”, “18”);
jo.put(“sex”, “male”);
System.out.println(jo.toString());
输出为:{“name”:“zhangSan”,“age”:“18”,“sex”:“male”}
把JavaBean对象转换成JSONObject:
Person person = new Person("liSi", 18, "female");
JSONObject jo = JSONObject.fromObject(person);
System.out.println(jo.toString());
把Map转换成JSONObject:
Map map = new HashMap();
map.put("name", "wangWu");
map.put("age", "81");
map.put("sex", "male");
JSONObject jo = JSONObject.fromObject(map);
System.out.println(jo.toString());
把XML转换成JSONObject,这需要导入xom-1.1.jar:
String xml = "<person><name>zhaoLiu</name><age>59</age><sex>female</sex></person>";
XMLSerializer serial = new XMLSerializer();
JSONObject jo = (JSONObject)serial.read(xml);
System.out.println(jo.toString());
4.2.2 JSONArray
JSONArray本身是一个List,所以使用起来很方便。
JSONArray ja = new JSONArray();
Person p1 = new Person("zhangSan", 18, "male");
Person p2 = new Person("liSi", 23, "female");
ja.add(p1);
ja.add(p2);
System.out.println(ja.toString());
把List转换成JSONArray:
Person p1 = new Person("zhangSan", 18, "male");
Person p2 = new Person("liSi", 23, "female");
List<Person> list = new ArrayList<Person>();
list.add(p1);
list.add(p2);
JSONArray ja = JSONArray.fromObject(list) ;
System.out.println(ja.toString());
把数组转换成JSONArray:
Person p1 = new Person("zhangSan", 18, "male");
Person p2 = new Person("liSi", 23, "female");
Person[] persons = {p1, p2};
JSONArray ja = JSONArray.fromObject(persons);
System.out.println(ja.toString());
5、JS解析服务器发送过来的JSON字符串
服务器发送过来JSON字符串后,客户端需要对其进行解析。这时客户端需要使用eval()方法对JSON字符串进行执行!但要注意,eval()方法在执行JSON时,必须把JSON字符串使用一对圆括号括起来。
var json = “{“name”:“zhangSan”, “age”:“18”, “sex”:“male”}”;
var person = eval("(" + json + “)”);
alert(person.name + ", " + person.age + ", " + person.sex);