Spring MVC之JSON数据交互和RESTful的支持（学习）

学习目标：了解 JSON 的数据结构
掌握 Spring MVC中的 JSON 数据交互的使用
熟悉 RESTful 风格的请求样式
掌握 Spring MVC中的 RESTf ul 风格请求的使用

概述

1.1 什么是JSON

SON（JavaScript Object Notation，JS对象标记）是一种轻量级的数据交换格式。它是基于JavaScript的一个子集，使用了C、C++、C#、Java、JavaScript、Perl、Python等其他语言的约定，采用完全独立于编程语言的文本格式来存储和表示数据。

1.2 JSON的特点

JSON与XML非常相似，都是用来存储数据的，并且都是基于纯文本的数据格式。与XML相比，JSON解析速度更快，占用空间更小，且易于阅读和编写，同时也易于机器解析和生成。
JSON有如下两种数据结构：
1.对象结构：
在对象结构以“{”开始，以“}”结束。中间部分由0个或多个以英文“，”分隔的name:value对构成（注意name和value之间以英文“：”分隔），其存储形式如下图所示。
在这里插入图片描述
2.数组结构：
数组结构以“[”开始，以“]”结束。中间部分由0个或多个以英文“，”分隔的值的列表组成，其存储形式如下图所示。

对象结构的语法结构代码如下：

    [
        value1,
        value2,
        ...
        ]

例如，一个数组包含了String、Number、Boolean、null类型数据，使用JSON的表示形式如下：
[“abc”,12345,false,null]

对象、数组数据结构也可以分别组合构成更为复杂的数据结构。例如：一个person对象包含name、hobby和address对象，其代码表现形式如下：

{
        "name": "zhangsan"
        "hobby":["篮球","羽毛球","游泳"]
        "address":{
        "city":"Beijing"
        "street":"Xisanqi"
        "postcode":100096
        }
        }

1.3. JSON数据转换

Spring提供了一个HttpMessageConverter

jackson-annoations-2.8.：JSON转换注解包；
jackson-core-2.8.：JSON转换核心包；
jackson-databind-2.8.：JSON转换的数据绑定包。

在使用注解式开发时，需要用到2个重要的JSON格式转换注解，分别为 @RequestBody 和 @ResponseBody，关于这两个注解的说明如下表所示：
在这里插入图片描述

2.1 什么是RESTful?

RESTful也称之为REST，是英文“Representational State Transfer”的简称。可以将他理解为一种软件架构风格或设计风格，而不是一个标准。
简单来说，RESTful风格就是把请求参数变成请求路径的一种风格。
传统的URL请求格式为：
http://…/queryItems?id=1
采用RESTful风格后，其URL请求为：
http://…/items/1
在这里插入图片描述
jar包

文件

<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns="/xml/ns/javaee"
         xmlns:xsi="http:///2001/XMLSchema-instance"
         xsi:schemaLocation="/xml/ns/javaee /xml/ns/javaee/web-app_3_1.xsd"
         version="3.1">
    <display-name>chapter14</display-name>
    <welcome-file-list>
        <welcome-file>index.jsp</welcome-file>
    </welcome-file-list>
    <servlet>
        <servlet-name>DispatcherServlet</servlet-name>
        <servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class>
        <init-param>
            <param-name>contextConfigLocation</param-name>
            <param-value>classpath:springmvc-config.xml</param-value>
        </init-param>
 
        <load-on-startup>1</load-on-startup>
    </servlet>
    <servlet-mapping>
        <servlet-name>DispatcherServlet</servlet-name>
        <url-pattern>/</url-pattern>
    </servlet-mapping>
</web-app>

文件

<beans xmlns="/schema/beans"
       xmlns:xsi="http:///2001/XMLSchema-instance" xmlns:mvc="/schema/mvc"
       xmlns:context="/schema/context"
       xsi:schemaLocation="http://www.springframework.org/schema/beans
        http://www.springframework.org/schema/beans/spring-beans-4.3.xsd
        http://www.springframework.org/schema/mvc
        http://www.springframework.org/schema/mvc/spring-mvc-4.3.xsd
        http://www.springframework.org/schema/context
        http://www.springframework.org/schema/context/spring-context-4.3.xsd">
 
    <!--定义组件扫描器，指定需要扫描的包-->
    <context:component-scan base-package=""/>
    <!-- 配置注解驱动 -->
    <mvc:annotation-driven/>
    <!--配置静态资源的访问映射，此配置中的文件，将不被前端控制器拦截 -->
    <mvc:resources mapping="/js/**" location="/js/"/>
 
    <!-- 配置视图解析器 -->
    <bean class="">
        <property name="prefix" value="/WEB-INF/jsp/"/>
        <property name="suffix" value=".jsp"/>
    </bean>
</beans>

User实体类

package com.ma.po;
 

public class User {
    private String username;
    private String password;
  
}

在web目录下（WebContent）新建，和，用于测试JSON数据交互和RESTful的使用。

<%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 2017/11/6
  Time: 10:41
  To change this template use File | Settings | File Templates.
--%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http:///TR/html4/">
<html>
  <head>
    <title>测试JSON交互</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <script type="text/javascript" src="${}/js/jquery-1.11.">
    </script>
    <script type="text/javascript">
      function testJson() {
          var username = $("#username").val();
          var password = $("#password").val();
          $.ajax({
              url : "${}/testJson",
              type : "post",
        
              data : JSON.stringify({username:username,password:password}),
          
              contentType : "application/json;charset=UTF-8",
        
              dataType : "json",
         
              success : function (data) {
                  if (data != null) {
                      alert("你输入的用户名为："+data.username+"密码为："+data.password);
                  }
              }
          });
      }
    </script>
  </head>
  <body>
    <form>
      用户名：<input type="text" name="username" id="username"/><br/>
      密&nbsp;&nbsp;&nbsp;码：<input type="password" name="password" id="password"/><br/>
      <input type="button" value="测试json交互" onclick="testJson()"/>
 
    </form>
  </body>
</html>

<%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 2017/11/6
  Time: 11:32
  To change this template use File | Settings | File Templates.
--%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http:///TR/html4/">
<html>
<head>
    <title>RESTful测试</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <script type="text/javascript"
            src="${ }/js/jquery-1.11.">
    </script>
    <script type="text/javascript">
        function search() {
            var id = $("#number").val();
            $.ajax({
                url : "${}/user/"+id,
                type : "GET",
                dataType : "json",
                success : function (data) {
                    if (data.username != null){
                        alert("你查询的用户是："+data.username);
                    } else {
                        alert("没有找到id为："+id+"用户");
                    }
                }
            });
        }
    </script>
</head>
<body>
<form action="">
    编号：<input type="text" name="number" id="number">
    <input type="button" value="搜索" onclick="search()"/>
</form>
</body>
</html>

UserController。

package com.ma.controller;
 
import com.ma.po.User;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.*;
 
@Controller
public class UserController {
 
    @RequestMapping("/testJson")
    @ResponseBody
    public User testJson(@RequestBody User user) {
 
        System.out.println(user);
        return user;
    }
 
    @RequestMapping(value = "/user/{id}", method = RequestMethod.GET)
    @ResponseBody
    public User selectUser(@PathVariable("id") String id) {
        System.out.println("token operator">+id);
        User user = new User();
        if (id.equals("1234")) {
            user.setUsername("tom");
        }
        return user;
    }
}

在这里插入图片描述

主要总结一下Spring MVC中的JSON数据交互和对RESTful风格支持，这对今后实际开发有极大的帮助。

秒客网

Spring MVC之JSON数据交互和RESTful的支持（学习）

概述

1.1 什么是JSON

1.2 JSON的特点

1.3. JSON数据转换

2.1 什么是RESTful?

相关文章