Spring MVC之json数据传递

爱被打了一巴掌 2022-05-16 03:58 207阅读 0赞

项目结构

![70][]

jackson相关JAR包

![70 1][]

配置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_4_0.xsd" id="WebApp_ID" version="4.0">
      <display-name>jackson</display-name>
      <welcome-file-list>
        <welcome-file>index.html</welcome-file>
        <welcome-file>index.htm</welcome-file>
        <welcome-file>index.jsp</welcome-file>
        <welcome-file>default.html</welcome-file>
        <welcome-file>default.htm</welcome-file>
        <welcome-file>default.jsp</welcome-file>
      </welcome-file-list>
      <servlet>
    		<servlet-name>spring mvc</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>spring mvc</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: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/context http://www.springframework.org/schema/context/spring-context-4.1.xsd
            http://www.springframework.org/schema/mvc http://www.springframework.org/schema/mvc/spring-mvc-4.1.xsd">
    
    <mvc:annotation-driven />
    
    <context:component-scan base-package="com.*" />
    
    <mvc:default-servlet-handler/>
    
    <bean class="org.springframework.web.servlet.view.InternalResourceViewResolver">
    	<property name="prefix" value=""></property>
    	<property name="suffix" value=".jsp" />
    </bean>
    </beans>

创建testJson.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 type="text/javascript" src="${pageContext.request.contextPath}/js/jquery-1.11.0.min.js"></script>
    <script type="text/javascript">
    $(document).ready(function(){
    	testRequestBody();
    });
    function testRequestBody(){
    	$.ajax("${pageContext.request.contextPath}/testJson",// 发送请求的URL字符串。
    			{
    			dataType : "json", // 预期服务器返回的数据类型。
       			type : "post", //  请求方式 POST或GET
    		   contentType:"application/json", //  发送信息至服务器时的内容编码类型
    		   // 发送到服务器的数据。
    		   data:JSON.stringify({userName:"baixue",passWord:"123"}),
    		   async:  true , // 默认设置下，所有请求均为异步请求。如果设置为false，则发送同步请求
    		   // 请求成功后的回调函数。
    		   success :function(data){
    			   console.log(data);
    			  $("#userName").html(data.userName);
    			  $("#passWord").html(data.passWord);
    		   },
    		   // 请求出错时调用的函数
    		   error:function(){
    			   alert("数据发送失败");
    		   }
    	});
    }
    </script>
    </head>
    <body>
    	用户名:<span id="userName"></span><br>
    	密码 :<span id="passWord"></span><br>
    </body>
    </html>

创建User

package com.po;
    public class User {
    	private String userName;
    	private String passWord;
    	public String getUserName() {
    		return userName;
    	}
    	public void setUserName(String userName) {
    		this.userName = userName;
    	}
    	public String getPassWord() {
    		return passWord;
    	}
    	public void setPassWord(String passWord) {
    		this.passWord = passWord;
    	}
    	@Override
    	public String toString() {
    		return "User [userName=" + userName + ", passWord=" + passWord + "]";
    	}
    }

创建UserController

package com.controller;
    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;
    import com.po.User;
    @Controller
    public class UserController {
    	@RequestMapping("/testJson")
    	@ResponseBody
    	public User testJson(@RequestBody User user) {
    		System.out.println(user);
    		return user;
    	}
    }

启动Tomcat访问testJson.jsp

![70 2][]

控制台输出

![70 3][]

[70]: /images/20220516/e3bca4b1d16e4e18b1c0b47eaa392d22.png
[70 1]: /images/20220516/08b063c8a9b840d7a047b9e5f664c1d2.png
[70 2]: /images/20220516/60a7892db1f14535914039f3155c2995.png
[70 3]: /images/20220516/2487fad6389641e4a75b15953390f57b.png