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的更多相关文章

  1. JSON，全称：JavaScript Object Notation，作为一个常见的轻量级的数据交换格

    JSON,全称:JavaScript Object Notation,作为一个常见的轻量级的数据交换格式,应该在一个程序员的开发生涯中是常接触的.简洁和清晰的层次结构使得 JSON 成为理想的数据交换 ...

  2. 数据交换格式 —— JSON（JavaScript Object Notation）

    当请求 headers 中,添加一个name为 Accept,值为 application/json 的 header(也即"我"(浏览器)接收的是 json 格式的数据),这样, ...

  3. JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式

    JSON JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式. 它基于JavaScript(Standard ECMA-262 3rd Edition - D ...

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

    JSON(JavaScript Object Notation, JS 对象标记) 是一种轻量级的数据交换格式.它基于 ECMAScript (w3c制定的js规范)的一个子集,采用完全独立于编程语言 ...

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

    原文  http://laichendong.com/rfc4627-zh_cn/ 摘要 JavaScript Object Notation (JSON)是一个轻量级的,基于文本的,跨语言的数据交换 ...

  6. 【EatBook】-NO.1.EatBook.1.JavaData.1.001-《JSON 必知必会-Introduction to JavaScript Object Notation》-

    1.0.0 Summary Tittle:[EatBook]-NO.1.EatBook.1.JavaData.1.001-<JSON 必知必会-Introduction to JavaScrip ...

  7. JSON：JavaScript 对象表示法

    JSON:JavaScript 对象表示法(JavaScript Object Notation). JSON 是存储和交换文本信息的语法.类似 XML. JSON 比 XML 更小.更快,更易解析. ...

  8. 解如何利用 XML 和 JavaScript Object Notation 在 Ajax 客户端和 Java 服务器之间传输数据(代码)(Oracle)。

    ---------------------------------ajaxUtil----------------------------------------------------------- ...

  9. 5 JSON&与JavaScript转换&JavaScript:void(0)&JavaScript代码规范

    JSON:JavaScript Object Notation   JS对象简谱 一种轻量级的数据交换格式,用于存储和传输数据的格式,通常用于服务端向网页传递数据 是独立的语言,易于理解 JSON语法 ...

随机推荐

  1. 1.16 Linux该如何学习（新手入门必看）

    本节旨在介绍对于初学者如何学习 Linux 的建议.如果你已经确定对 Linux 产生了兴趣,那么接下来我们介绍一下学习 Linux 的方法. 如何去学习 学习大多类似庖丁解牛,对事物的认识一般都是由 ...

  2. 论文解读（SAGPool）《Self-Attention Graph Pooling》

    论文信息 论文标题:Self-Attention Graph Pooling论文作者:Junhyun Lee, Inyeop Lee, Jaewoo Kang论文来源:2019, ICML论文地址:d ...

  3. BottomNavigationView点击刷新问题

    BottomNavigationView点击刷新问题 问题: 项目中使用了BottomNavigationView作为底部导航栏. 点击item切换的时候发现会有闪烁现象出现. 原因: BottomN ...

  4. 初始C语言作业一

    1.下面哪个不是C语言内置的数据类型:( ) A.char B.double C.struct Stu D.short 解析: C语言中内置类型包括 char //字符数据类型 short //短整型 ...

  5. 通过有序线性结构构造AVL树

    通过有序线性结构构造AVL树 本博客旨在结局利用有序数组和有序链表构造平衡二叉树(下文使用AVL树代指)问题. 直接通过旋转来构造AVL树似乎是一个不错的选择,但是稍加分析就会发现,这样平白无故做了许 ...

  6. Web 后端的一生之敌：分页器

    分页器是 Web 开发中常见的功能,看似简单的却经常隐藏着各种奇怪的坑,堪称 WEB 后端开发的一生之敌. 常见问题 边翻页边写入导致内容重复 某位用户正在浏览我的博客,他看到第一页最后一篇文章是 & ...

  7. Zookeeper安装学习（二）

    学习内容:Zookeeper集群安装(Zookeeper版本:Zookeeper3.5.7:注:master,s1,s2都需要部署) 解压安装: (1)在主机 master 解压 Zookeeper ...

  8. elementUI 输入框用户名和密码取消自动填充

    <!-- 用户名取消自动填充 autocomplete="off" --> <el-form-item label="用户名" prop=&q ...

  9. 【clickhouse专栏】单机版的安装与验证

    <clickhouse专栏>第三节内容,先安装一个单机版的clickhouse,是后续学习多副本或者分布式集群安装的基础内容.但基本的clickhouse是不依赖于zookeeper的,只 ...

  10. 介绍python和库文件管理

    一.Python 特点 1.易于学习:Python有相对较少的关键字,结构简单,和一个明确定义的语法,学习起来更加简单. 2.易于阅读:Python代码定义的更清晰. 3.易于维护:Python的成功 ...