Json基础

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);

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值