JSON： JavaScript Object Notation

Posted 2021-02-19 Dream

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了JSON： JavaScript Object Notation相关的知识，希望对你有一定的参考价值。

JSON是javascript Object Notation 的缩写，是JS提供的一种数据交换格式。
1) JSON对象本质上就是一个JS对象，但是这个对象比较特殊，它可以直接转换为字符串，在不同语言中进行传递，通过工具又可以转换为其他语言中的对象。
2) 例，有如下一个JSON对象：
　　① {“name”:”sunwukong” , ”age”:18 , ”address”:”beijing” }
　　② 这个对象中有三个属性name、age和address
　　③ 如果将该对象使用单引号引起了，那么他就变成了一个字符串
　　④ ‘{“name”:”sunwukong” , ”age”:18 , ”address”:”beijing” }’
　　⑤ 变成字符串后有一个好处，就是可以在不同语言之间传递。
　　⑥ 比如，将JSON作为一个字符串发送给Servlet，在Java中就可以把JSON字符串转换为一个Java对象

JSON通过6种数据类型来表示
1) 字符串
? 例子：”字符串”
? 注意：不能使用单引号
2) 数字：
? 例子：123.4
3) 布尔值：
? 例子：true、false
4) null值:
? 例子：null
5) 对象
? 例子：{“name”:”sunwukong”, ”age”:18}
6) 数组
? 例子：[1,”str”,true]

在JS中操作JSON
1) 创建JSON对象
? var json = {“name1”:”value1”,”name2”:”value2” , “name3”:[1,”str”,true]};
? var json = [{“name1”:”value1”},{“name2”:”value2”}];
2) JSON对象转换为JSON字符串
? JSON.stringify(JSON对象)
3) JSON字符串转换为JSON对象
? JSON.parse(JSON字符串)

        //js中操作json
        //1. 编写一个json字符串
        //var jsonStr = ‘{"lastName":"Tom","email":"tom@atguigu.com","age":22}‘;
        // json字符串转成json对象
        //var jsonObj = JSON.parse(jsonStr);
        //alert(jsonObj.lastName + "," + jsonObj.email + " , " + jsonObj.age);
        
        //json对象转换成json字符串
        
        //var str = JSON.stringify(jsonObj);
        //alert(str);

在Java中操作JSON
1) 在Java中可以从文件中读取JSON字符串，也可以是客户端发送的JSON字符串，所以第一个问题，我们先来看如何将一个JSON字符串转换成一个Java对象。
2) 首先解析JSON字符串我们需要导入第三方的工具，目前主流的解析JSON的工具大概有三种json-lib、jackson、gson。三种解析工具相比较json-lib的使用复杂，且效率较差。而Jackson和gson解析效率较高。使用简单，这里我们以gson为例讲解。
3) Gson是Google公司出品的解析JSON工具，使用简单，解析性能好。
4) Gson中解析JSON的核心是Gson的类，解析操作都是通过该类实例进行。
5) JSON字符串转换为对象

String json = "{"name":"张三","age":18}";
Gson gson = new Gson();
//转换为集合
Map<String,Object> stuMap = gson.fromJson(json, Map.class);
//如果编写了相应的类也可以转换为指定对象
Student fromJson = gson.fromJson(json, Student.class);

6) 对象转换为JSON字符串

Student stu = new Student("李四", 23);
Gson gson = new Gson();
//{"name":"李四","age":23}
String json = gson.toJson(stu);
        
Map<String , Object> map = new HashMap<String, Object>();
map.put("name", "孙悟空");
map.put("age", 30);
//{"age":30,"name":"孙悟空"}
String json2 = gson.toJson(map);
        
List<Student> list = new ArrayList<Student>();
list.add(new Student("八戒", 18));
list.add(new Student("沙僧", 28));
list.add(new Student("唐僧", 38));
//[{"name":"八戒","age":18},{"name":"沙僧","age":28},
{"name":"唐僧","age":38}]
String json3 = gson.toJson(list);        
     // 如果将一个数组格式的json字符串转换成java对象需要用到
     //Gson提供的一个匿名内部类： TypeToken
    TypeToken tk= new TypeToken<List<User>>(){};
    List<User> list2 = gson.fromJson(json,tk.getType());
    System.out.println(list2.get(0));

JQuery 异步请求返回JSON数据

1) Servlet 返回json数据

package com.atguigu.login.servlet;

import java.io.IOException;
import java.util.List;

import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

import com.atguigu.login.beans.Employee;
import com.atguigu.login.dao.EmployeeDao;
import com.atguigu.login.dao.EmployeeDaoImpl;
import com.google.gson.Gson;

/**
 * Servlet implementation class GetEmpsJsonStrServlet
 */
public class GetEmpsJsonStrServlet extends HttpServlet {
    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        //查询所有的员工信息
        EmployeeDao  employeeDao  = new EmployeeDaoImpl();
        List<Employee> emps = employeeDao.selectAllEmps();
        
        //转换成json字符串
        Gson gson = new Gson();
        
        String jsonStr = gson.toJson(emps);
        
        response.setContentType("text/html;charset=utf-8");
        response.getWriter().println(jsonStr);
    
    }

    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        // TODO Auto-generated method stub
        doGet(request, response);
    }

}

2) 页面中处理 json数据

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Insert title here</title>
    <script type="text/javascript" src="scripts/jquery-1.7.2.min.js"></script>
    <script type="text/javascript">
        //js中操作json
        //1. 编写一个json字符串
        //var jsonStr = ‘{"lastName":"Tom","email":"tom@atguigu.com","age":22}‘;
        // json字符串转成json对象
        //var jsonObj = JSON.parse(jsonStr);
        //alert(jsonObj.lastName + "," + jsonObj.email + " , " + jsonObj.age);
        
        //json对象转换成json字符串
        
        //var str = JSON.stringify(jsonObj);
        //alert(str);
        
        $(function(){
            $("#showTable").click(function(){
                //发送异步请求，获取员工数据(json格式)
                $.ajax({
                    url:"GetEmpsJsonStrServlet",
                    type:"post",
                    dataType:"json",
                    success:function(data){  // 直接将服务端返回的json字符串直接转换成json对象.
                        var str = "<tr><th>ID</th><th>LastName</th><th>Email</th><th>Gender</th><th>DeptName</th></tr>";
                        for(var i = 0 ;i <data.length;i++){
                            var emp = data[i];
                            str+="<tr align=‘center‘><td>"+emp.id+"</td><td>"+emp.lastName+"</td><td>"+emp.email+"</td><td>"+emp.gender+"</td><td>"+emp.dept.deptName+"</td></tr>";
                        }
                        
                        $("#empTable").html(str);
                    }
                });                
                
            });
            
        });
    </script>
</head>
<body>
    <input id="showTable" type="button" value="显示员工信息列表" />
    <h1 align="center"> 员工信息列表</h1>
    <table id="empTable" align="center" border="1px" width="70%" cellspacing="0px">
        
    
    </table>
</body>
</html>

以上是关于JSON： JavaScript Object Notation的主要内容，如果未能解决你的问题，请参考以下文章

JSON： JavaScript Object Notation

JavaScript 从JSON / Object / Array到STRING

JSON（JavaScript Object Notation）

JSON(JavaScript Object Notation, JS 对象标记)

（The application/json Media Type for JavaScript Object Notation (JSON)）RFC4627-JSON格式定义

JSON锛?JavaScript Object Notation