JSON数据交互和RESTful支持
一、JSON数据交互
(一)JSON概述
1. 对象结构
对象结构以{
开始,}
结束。中间部分由0个或多个英文,
分隔的key:value
对构成,其中key和value之间也是一英文:
间隔的。
2. 数组结构
数组结构以[
开始,]
结束,中间部分由0个或多个以英文,
分隔的值的列表组成。
JSON这两种数据结构看分别组合构成更为复杂的数据结构。
(二)JSON数据转换
开源包 | 描述 |
---|---|
jackson-annoations-2.8.8.jar | JSON转换注解包。 |
jackson-core-2.8.8.jar | JSON转换核心包。 |
Jackson- databind-2.8.8.jar | JSON转换的数据绑定包 |
JSON数据交互注解及说明
—
示例3-1
- 创建项目并导包
2. 在web.xml中对前端控制器等信息进行配置
<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns="http://xmlns.jcp.org/xml/ns/javaee"
xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xsi:schemaLocation="http://xmlns.jcp.org/xml/ns/javaee http://xmlns.jcp.org/xml/ns/javaee/web-app_4_0.xsd"
version="4.0">
<servlet>
<!-- 配置前端过滤器-->
<servlet-name>springmvc</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>
<!-- 表示容器在启动时立即加载servlet-->
<load-on-startup>1</load-on-startup>
</servlet>
<servlet-mapping>
<servlet-name>springmvc</servlet-name>
<url-pattern>/</url-pattern>
</servlet-mapping>
</web-app>
- 创建springmvc-config.xml
<?xml version="1.0" encoding="UTF-8"?>
<beans xmlns="http://www.springframework.org/schema/beans"
xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xmlns:mvc="http://www.springframework.org/schema/mvc"
xmlns:context="http://www.springframework.org/schema/context"
xmlns:tx="http://www.springframework.org/schema/tx"
xsi:schemaLocation="http://www.springframework.org/schema/beans
http://www.springframework.org/schema/beans/spring-beans.xsd
http://www.springframework.org/schema/context
http://www.springframework.org/schema/context/spring-context.xsd
http://www.springframework.org/schema/tx
http://www.springframework.org/schema/tx/spring-tx.xsd
http://www.springframework.org/schema/mvc
http://www.springframework.org/schema/mvc/spring-mvc.xsd
">
<!-- 指定需要扫描的包-->
<context:component-scan base-package="com.ssm.controller"/>
<!-- 配置注解驱动-->
<mvc:annotation-driven/>
<!-- 配置静态资源的访问映射,此配置中的文件将不被前端控制器拦截-->
<mvc:resources mapping="/js/**" location="/js/"></mvc:resources>
<!-- 定义视图解析器-->
<bean id="viewResoler" class="org.springframework.web.servlet.view.InternalResourceViewResolver">
<!-- 设置前提-->
<property name="prefix" value="/jsp/"/>
<!-- 设置后缀-->
<property name="suffix" value=".jsp"/>
</bean>
</beans>
- 创建com.ssm.po包,创建客户Customer类
package com.ssm.po;
public class Customer {
private Integer id;
private String loginname;
private String nickname;
private String password;
@Override
public String toString() {
return "Customer{" +
"id=" + id +
", loginname='" + loginname + '\'' +
", nickname='" + nickname + '\'' +
", password='" + password + '\'' +
'}';
}
public Integer getId() {
return id;
}
public void setId(Integer id) {
this.id = id;
}
public String getLoginname() {
return loginname;
}
public void setLoginname(String loginname) {
this.loginname = loginname;
}
public String getNickname() {
return nickname;
}
public void setNickname(String nickname) {
this.nickname = nickname;
}
public String getPassword() {
return password;
}
public void setPassword(String password) {
this.password = password;
}
}
- 创建json.jsp
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
<title>测试JSON交互</title>
<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
<script type="text/javascript">
function testJson() {
//获取输入的客户信息
var loginname=$("#loginname").val();
var password=$("#password").val();
$.ajax({
url:"${pageContext.request.contextPath}/testJson",
type:"post",
//定义发送请求的数据格式为json字符串
data:JSON.stringify({loginname:loginname,password:password}),
// 定义回调响应的数据格式为json字符串,该属性可以省略
dataType:"json",
// 成功响应结果
success:function (data) {
if(data!=null){
alert("您输入的登录名为"+data.loginname+"密码为:"+data.password);
}
}
});
}
</script>
</head>
<body>
<form>
登录名:<input type="text" name="loginname" id="loginname"/><br>
密码:<input type="password"name="password"id="password"/><br>
<input type="button" value="测试JSON交互" onclick="testJson()"/>
</form>
</body>
</html>
在AJAX中有3个特别重要的属性:
- data:请求时携带的数据,当使用JSON格式时,要注意编写规范。
- contentType:当请求数据为JSON格式时,值必须为application/json。
- dataType:当响应数据为JSON时,可以定义dataType属性,并且值必须为json。其中dataType:“json” 可以省略不写,页面会自动识别响应的数据格式。
- 创建controller包,创建CustomerController
package com.ssm.controller;
import com.ssm.po.Customer;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestBody;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.ResponseBody;
@Controller
public class CustomerController {
// 接收json数据,返回json格式结果
@ResponseBody
public Customer testJson(@RequestBody Customer customer){
System.out.println(customer);
return customer;
}
}
- 启动项目
二、RESTful支持
应用案例
- 在CustomerController中编写方法
@RequestMapping(value = "/customer/{id}",method = RequestMethod.GET)
@ResponseBody
public Customer selectCustomer(@PathVariable("id") Integer id){
System.out.println(id);
Customer customer=new Customer();
if (id==10){
customer.setLoginname("wwu");
}
return customer;
}
- 编写restful.jsp
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
<title>RESTful测试</title>
<script src="https://code.jquery.com/jquery-3.4.1.min.js"/>
<script>
function search() {
var id=$("#number").val();
$.ajax({
url:"${pageContext.request.contextPath}/customer/"+id,
type:"GET",
dataType:"json",
success:function (data) {
if (data.loginname!=null){
alert("您查询的客户登录名为:"+data.loginname);
}else {
alert("没有找到id为"+id+"的客户");
}
}
});
}
</script>
</head>
<body>
<form action="">
客户编号:<input type="text"name="number" id="number"> <br>
<input type="submit" value="查询" onclick="search()"/>
</form>
</body>
</html>