springMVC和json结合传递数据

1. 新建web project

2. 增加jar

3. 改写web.xml

<?xml version="1.0" encoding="UTF-8"?>
<web-app version="3.0"
	xmlns="http://java.sun.com/xml/ns/javaee"
	xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
	xsi:schemaLocation="http://java.sun.com/xml/ns/javaee
	http://java.sun.com/xml/ns/javaee/web-app_3_0.xsd">
  <display-name></display-name>
  <welcome-file-list>
    <welcome-file>index.jsp</welcome-file>
  </welcome-file-list>

  <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*:config/spring-servlet.xml</param-value>
  	</init-param>
  	<load-on-startup>1</load-on-startup>
  </servlet>

  <filter>
        <filter-name>characterEncodingFilter</filter-name>
        <filter-class>org.springframework.web.filter.CharacterEncodingFilter</filter-class>
        <init-param>
            <param-name>encoding</param-name>
            <param-value>UTF-8</param-value>
        </init-param>
        <init-param>
            <param-name>forceEncoding</param-name>
            <param-value>true</param-value>
        </init-param>
    </filter>
    <filter-mapping>
        <filter-name>characterEncodingFilter</filter-name>
        <url-pattern>/*</url-pattern>
    </filter-mapping>

  <servlet-mapping>
  	<servlet-name>springMVC</servlet-name>
  	<url-pattern>/</url-pattern>
  </servlet-mapping>

</web-app>

4. 新建config包下的spring-servlet.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:p="http://www.springframework.org/schema/p"
    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-3.0.xsd
           http://www.springframework.org/schema/context
           http://www.springframework.org/schema/context/spring-context-3.0.xsd
           http://www.springframework.org/schema/mvc
           http://www.springframework.org/schema/mvc/spring-mvc-3.0.xsd">
    <!-- 注解扫描包 -->
    <context:component-scan base-package="com.tgb.web.controller" />      

    <!-- 开启注解 -->
    <mvc:annotation-driven/>

    <!-- 静态资源访问 -->
    <mvc:resources location="/img/" mapping="/img/**"/>
    <mvc:resources location="/js/" mapping="/js/**"/>
    <mvc:resources location="/css/" mapping="/css/**"/>

    <!-- ViewResolver 视图解析器 -->
    <bean id="viewResolver" class="org.springframework.web.servlet.view.InternalResourceViewResolver">
        <property name="prefix" value="/WEB-INF/jsp/"/>
        <property name="suffix" value=".jsp"/>
    </bean>

</beans>

5. 新建UserController.java, 在com.tgb.web.controller包下

package com.tgb.web.controller;
import java.io.IOException;
import java.io.PrintWriter;

import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;

import com.tgb.web.controller.entity.User;

@Controller
@RequestMapping("/user")
public class UserController {
	@RequestMapping("/addUser")
	public String addUser(User user,HttpServletRequest request){
		String result = "this is addUser---------优化版";
		request.setAttribute("userName", user.getUserName());
		request.setAttribute("age", user.getAge());
		return "/userManager";
	}

	@RequestMapping("/addUserJson")
	public void addUserJson(User user,HttpServletRequest request, HttpServletResponse response){

	String result = "{\"userName\":\" "+ user.getUserName()+" \", \"age\":\" "+ user.getAge()+" \"}";
	　　PrintWriter out = null;
	　　response.setContentType("application/json");
	　　try {
		out=response.getWriter();
		out.write(result);
	　　} catch (IOException e) {
		// TODO Auto-generated catch block
		e.printStackTrace();
	　　}
　　　　} 

	@RequestMapping("/toUser")
	public String toUser(){
		return "/json";
	}
}

　　

6. 创建json.jsp文件

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
  <script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery-1.4.2.min.js"></script>
    <title>My JSP 'addUser.jsp' starting page</title>
    <script type="text/javascript">
	   $(document).ready(function(){
			 $("#add").click(function(){
				var userName=$("#userName").attr("value");
				var age=$("#age").attr("value");
				var user={userName:userName,age:age};
				$.ajax({
					url:"/springMVC5/user/addUserJson",
					type:"POST",
					data: user,
					success:function(data){
						<%--alert("userName--->"+data.userName +"age--->"+data.age);--%>
						document.getElementById("div").innerHTML="<font color='red'>"+data.userName+data.age+"</font>"+"添加成功";
					}
				});
			 });
	   });
    </script>
  </head>
  <body>
	  <h> json添加用户 </h> <br>
	    姓名: <input type="text" id="userName" name="userName">
	    年龄: <input type="text" id="age" name="age"> <br/>
	  <input type="button" id="add" value="添加">
	  <div id="div"> </div>
  </body>
</html>

　　

7.IE端验证

http://localhost:8080/springMVC5/user/toUser