关于json和restful
案例实践
项目结构及jar包
jar包
项目结构图
web.xml
<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns="http://xmlns.jcp.org/xml/ns/javaee" xsi:schemaLocation="http://xmlns.jcp.org/xml/ns/javaee http://xmlns.jcp.org/xml/ns/javaee/web-app_3_1.xsd" id="WebApp_ID" version="3.1">
<display-name>spirngmvc_01</display-name>
<!-- 配置前端过滤器 -->
<servlet>
<servlet-name>springmvc</servlet-name>
<!--servlet-class中的值是spring-webmvc包提供的类,即前端控制器,用于控制所有请求 -->
<servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class>
<!-- 初始化时加载文件(mvc-json.xml) -->
<init-param>
<param-name>contextConfigLocation</param-name>
<param-value>classpath:mvc-json.xml</param-value>
</init-param>
<!-- 表示容器在启动时立即加载 Servlet,数值越小,加载越快 -->
<load-on-startup>1</load-on-startup>
</servlet>
<!-- 配置servlet映射 servlet-name取值与servlet的servlet-name一致-->
<servlet-mapping>
<servlet-name>springmvc</servlet-name>
<url-pattern>/</url-pattern>
</servlet-mapping>
</web-app>
mvc-json.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:context="http://www.springframework.org/schema/context"
xmlns:mvc="http://www.springframework.org/schema/mvc"
xsi:schemaLocation="http://www.springframework.org/schema/beans
http://www.springframework.org/schema/beans/spring-beans.xsd
http://www.springframework.org/schema/mvc
http://www.springframework.org/schema/mvc/spring-mvc.xsd
http://www.springframework.org/schema/context
http://www.springframework.org/schema/context/spring-context-4.3.xsd">
<context:component-scan base-package="com.myjson" />
<!-- 1、配置注解驱动 -->
<mvc:annotation-driven />
<!-- 2、 <bean>标签配置注解方式的处理器映射器和处理器适配器必须配对使用
使用 <bean>标签配置注解方式的处理器映射器 -->
<!-- <bean class="org.springframework.web.servlet.mvc.method.annotation.RequestMappingHandlerMapping" /> -->
<!-- 使用 <bean>标签配置注解方式的处理器适配器 -->
<!-- <bean class="org.springframework.web.servlet.mvc.method.annotation.RequestMappingHandlerAdapter"> -->
<!-- <property name="messageConverters"> -->
<!-- <list> -->
<!-- 在注解适配器中配置 JSON 转换器 -->
<!-- <bean class="org.springframework.http.converter.json.MappingJackson2HttpMessageConverter"/>
</list>
</property>
</bean> -->
<!-- 定义视图解析器 -->
<bean class=
"org.springframework.web.servlet.view.InternalResourceViewResolver">
<!-- 设置前缀 -->
<property name="prefix" value="/" />
<!-- 设置后缀 -->
<property name="suffix" value=".jsp" />
</bean>
</beans>
JsonTest.java
package com.myjson;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.PathVariable;
import org.springframework.web.bind.annotation.RequestBody;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.ResponseBody;
import com.user.User;
@Controller
public class JsonTest {
public JsonTest() {
// TODO Auto-generated constructor stub
}
//RESTful风格
@RequestMapping("/jsonTest/{id}")
//用于直接返回对象,标注在方法上
@ResponseBody //用于将请求体中的数据绑定到形参上,标注在形参上
public User Restful(/* @RequestBody User user */
@PathVariable("id") String id)
{
User user = new User();
System.out.println("Restful风格");
if(id.equals("1"))
{
user.setUserName("tom");
}
return user;
}
//Json
@RequestMapping("/jsonTest")
//用于直接返回对象,标注在方法上
@ResponseBody //用于将请求体中的数据绑定到形参上,标注在形参上
public User jsonTest(@RequestBody User user)
{
System.out.println("Json交互");
return user;
}
}
jsonTest.jsp
<%@ page language="java" contentType="text/html; charset=utf-8"
pageEncoding="utf-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>json</title>
<script src="https://cdn.staticfile.org/jquery/3.2.1/jquery.min.js"></script>
<script type="text/javascript">
function jsonTest()
{
var username = $("#username").val();
var password = $("#password").val();
$.ajax({
url : "jsonTest/"+username, //RESTful风格
//url : "jsonTest",
type : "post", //请求方式
//data:请求携带的数据,当使用json格式时,
//{}内是一个对象,userName,passWord为pojo类里的属性
//data : JSON.stringify({userName:username,passWord:password}),
//contentType:当响应数据为json格式时,值必须为application/json
contentType : "application/json;charset=utf-8",
//可选(自动识别),当响应数据为json时,值必须也是json
dataType : "json",
//请求成功后
success : function(data)
{
if(data!=null)
{
if(data.userName!=null&&data.passWord!=null)
{
alert(" 您输入的用户名为: "+data.userName+
"密码为: "+data.passWord);
}
else
{
alert(" 您查找的用户名:"+data.userName);
}
}
else
{
alert(" null");
}
}
});
}
</script>
</head>
<body>
<form action="">
<input type="text" id="username" name="username"><br>
<!-- <input type="password" id="password" name="password"><br> -->
<input type="button" value="jsontest" onclick="jsonTest()">
</form>
</body>
</html>
User类(pojo类)。。。略
这样,一个关于json数据交互的小案例就完成了