这里要主要的是js文件要引入,文中不做解释

  1.导入包

<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/maven-v4_0_0.xsd">
<parent>
<artifactId>SpringMVC</artifactId>
<groupId>cn.happy</groupId>
<version>1.0-SNAPSHOT</version>
</parent>
<modelVersion>4.0.0</modelVersion>
<artifactId>SpringMVC05Return</artifactId>
<packaging>war</packaging>
<name>SpringMVC05Return Maven Webapp</name>
<url>http://maven.apache.org</url>
<properties>
<project.build.sourceEncoding>UTF-8</project.build.sourceEncoding>
<!--spring对应的版本号-->
<spring.version>4.2.1.RELEASE</spring.version>
</properties>
<dependencies>
<dependency>
<groupId>junit</groupId>
<artifactId>junit</artifactId>
<version>4.0</version>
<scope>test</scope>
</dependency>
<!--引入需要的spring 核心jar-->
<dependency>
<groupId>org.springframework</groupId>
<artifactId>spring-context</artifactId>
<version>${spring.version}</version>
</dependency>
<dependency>
<groupId>org.springframework</groupId>
<artifactId>spring-core</artifactId>
<version>${spring.version}</version>
</dependency>
<dependency>
<groupId>org.springframework</groupId>
<artifactId>spring-beans</artifactId>
<version>${spring.version}</version>
</dependency>
<dependency>
<groupId>org.springframework</groupId>
<artifactId>spring-expression</artifactId>
<version>${spring.version}</version>
</dependency>
<dependency>
<groupId>org.springframework</groupId>
<artifactId>spring-webmvc</artifactId>
<version>${spring.version}</version>
</dependency>
<!-- https://mvnrepository.com/artifact/com.alibaba/fastjson -->
<dependency>
<groupId>com.alibaba</groupId>
<artifactId>fastjson</artifactId>
<version>1.1.15</version>
</dependency> <!-- https://mvnrepository.com/artifact/com.fasterxml.jackson.core/jackson-core -->
<dependency>
<groupId>com.fasterxml.jackson.core</groupId>
<artifactId>jackson-core</artifactId>
<version>2.8.1</version>
</dependency> <dependency>
<groupId>com.fasterxml.jackson.core</groupId>
<artifactId>jackson-databind</artifactId>
<version>2.5.1</version>
</dependency>
</dependencies>
<build>
<finalName>SpringMVC05Return</finalName>
</build>
</project>

  2.配置中央调度器(web.xml)

<!DOCTYPE web-app PUBLIC
"-//Sun Microsystems, Inc.//DTD Web Application 2.3//EN"
"http://java.sun.com/dtd/web-app_2_3.dtd" >
<web-app>
<display-name>Archetype Created Web Application</display-name>
<!--编码的过滤器-->
<filter>
<filter-name>CharactorEncoding</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>CharactorEncoding</filter-name>
<url-pattern>/*</url-pattern>
</filter-mapping>
<!--context-param-->
<!--config a forward controller-->
<servlet>
<servlet-name>springmvc</servlet-name>
<servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class>
<!--init-param-->
<init-param>
<param-name>contextConfigLocation</param-name>
<param-value>classpath:spring-mvc.xml</param-value>
</init-param>
<!--load-on-startup-->
<load-on-startup>1</load-on-startup>
</servlet>
<servlet-mapping>
<servlet-name>springmvc</servlet-name>
<!--/ it means we can intercept every request (contains and *.do and *.css and *.jpg)-->
<url-pattern>/</url-pattern>
</servlet-mapping>
</web-app>

  3.配置映射器(spring-mvc.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"
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.xsd">
<!--扫描包下的路径-->
<context:component-scan base-package="cn.happy.controller"/>
<!--根据注解来寻找路径-->
<mvc:annotation-driven/>
</beans>

  4.实体类

public class UserInfo {
private String name;
private Integer age; public String getName() {
return name;
}
public void setName(String name) {
this.name = name;
}
public Integer getAge() {
return age;
}
public void setAge(Integer age) {
this.age = age;
}
}

  5.1:视图页面index.jsp

<%@page contentType="text/html" pageEncoding="UTF-8" isELIgnored="false" %>
<html>
<script type="text/javascript" src="js/jQuery1.11.1.js"></script>
<script tpye="text/javascript">
$(function () {
$("[type=button]").click(function () {
$.ajax({
url: "/firstJson",        这个访问路径可以根据需求更换
type: "post",
success: function (data) {
$.each(data, function (i, dom) {
alert(dom.name);
})
}
})
})
})
</script>
<body>
<h2>Hello World!</h2>
<input type="button" value="点我发送Ajax"/>
</body>
</html>

  5.2:视图页面list.jsp

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
<title>Title</title>
</head>
<body>
<h1>List</h1>
</body>
</html>

  5.3:视图页面login.jsp

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
<title>Title</title>
</head>
<body>
<form action="/second" method="post">
用户名:<input name="name"/>
年龄:<input name="age"/>
<input type="submit" value="登录"/>
</form>
</body>
</html>

  5.4视图页面welcome.jsp

<%@ page contentType="text/html;charset=UTF-8" language="java" isELIgnored="false" %>
<html>
<body>
<h2>Hello World!</h2>
<h1>欢迎${param.name},年龄:${param.age}</h1>
</body>
</html>

  6.处理器(一)

import cn.happy.bean.UserInfo;
import com.alibaba.fastjson.JSON;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;
import java.util.ArrayList;
import java.util.List;
@Controller
public class FirstController {
@RequestMapping("/toJson")
public void getJson(HttpServletRequest request,HttpServletResponse response) throws IOException {
List<UserInfo> list=new ArrayList<UserInfo>();
UserInfo u1=new UserInfo();
u1.setName("微冷的雨");
u1.setAge(18);
UserInfo u2=new UserInfo();
u2.setName("训练营");
u2.setAge(28);
list.add(u1);
list.add(u2); //泛型转json
String data = JSON.toJSONString(list); //我想将data打回浏览器
response.getWriter().write(data);
}

}

  6.2处理器(二)

import cn.happy.bean.UserInfo;
import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.ResponseBody;
import java.util.ArrayList;
import java.util.HashMap;
import java.util.List;
import java.util.Map;
@Controller
public class JaksonController {
//返回List集合
@RequestMapping("/firstJson")
@ResponseBody
public Object doFirst() {
List<UserInfo> list = new ArrayList<UserInfo>();
UserInfo u1 = new UserInfo();
u1.setName("微冷的雨");
u1.setAge(18);
UserInfo u2 = new UserInfo();
u2.setName("训练营");
u2.setAge(28);
list.add(u1);
list.add(u2);
return list;
}
//返回整型
@RequestMapping("/secondJson")
@ResponseBody
public Object doSecond() {
return 1;
}
//返回数字型字符串
@RequestMapping("/thirdJson")
@ResponseBody
public Object doThird() {
return "1";
}
//返回对象
@RequestMapping("/fourJson")
@ResponseBody
public Object doFour() {
UserInfo u1 = new UserInfo();
u1.setName("微冷的雨");
u1.setAge(19);
return u1;
}
    @RequestMapping("/fiveJson")
@ResponseBody
public Object doFive() {
Map<String, Integer> map = new HashMap<String, Integer>();
map.put("1", 12);
map.put("2", 23);
Map<String, UserInfo> map1 = new HashMap<String, UserInfo>();
UserInfo u1 = new UserInfo();
u1.setName("微冷的雨");
u1.setAge(32);
UserInfo u2 = new UserInfo();
u2.setName("训练营");
u2.setAge(34);
map1.put(u1.getName(), u1);
map1.put(u2.getName(), u2);
return map1;
}
    @RequestMapping("/six")
public String doSix(Model model) {
model.addAttribute("msg", "微冷的雨");
//转发到页面(默认值)
return "/index.jsp";
}
//转换到另外一个控制器方法①
@RequestMapping("/seven")
public String doSeven(Model model) {
model.addAttribute("msg", "微冷的雨");
return "forward:targetMethod";
}
//转发到页面②
@RequestMapping("/targetMethod")
public String doEight(Model model) {
System.out.println("=============");
return "/list.jsp";
}
//重定向
@RequestMapping("/second")
public String doSecond(Model model, UserInfo info) {
model.addAttribute("name", info.getName());
model.addAttribute("age", info.getAge());
return "redirect:/welcome.jsp";
}

}

SpringMVC05 return (Json)的更多相关文章

  1. .net backend return json string , used by frontend

    伪代码: backend: public string GetJson() { var lst = xxxLst; var obj = Json(lst);return new JavaScriptS ...

  2. config .net webapi to return json.

    1.add content negotiator using System; using System.Collections.Generic; using System.Linq; using Sy ...

  3. return Json对象时序列化错误

    当要序列化的表与另一个表是一对多的关系是,表1序列化时会找到另一个表2关联的字段,会将另一个表2进行序列化,然后表2中也有一个字段与表1关联,这样序列化就会产生循环序列化. 在网上进行搜索,其中大多数 ...

  4. How do I get ASP.NET Web API to return JSON instead of XML using Chrome

    public static class WebApiConfig { public static void Register(HttpConfiguration config) { config.Ro ...

  5. 【疯狂造轮子-iOS】JSON转Model系列之二

    [疯狂造轮子-iOS]JSON转Model系列之二 本文转载请注明出处 —— polobymulberry-博客园 1. 前言 上一篇<[疯狂造轮子-iOS]JSON转Model系列之一> ...

  6. .Net深入实战系列—JSON序列化那点事儿

    序 当前主流的序列化JSON字符串主要有两种方式:JavaScriptSerializer及Json.net(Nuget标识:Newtonsoft.Json).JavaScriptSerializer ...

  7. C#提供APP接口之JSON差异

    C#在给APP提供接口,现在返回的数据大部分分为三类:JSON.XML.BTYE. 今天简单说下C#给APP提供接口返回JSON的一些异同: 1.通过Newtonsoft.Json.JsonConve ...

  8. 将Json数据保存在静态脚本文件中读取

    一些常用的数据例如一些网站的区域信息被改变的可能性不大,一般不通过请求获取,于是我们选择存在静态文件中,例如以下Demo: 1.动态加载Json数据显示到前台 [HttpPost] public Ac ...

  9. Java中json的构造和解析

    什么是 Json? JSON(JvaScript Object Notation)(官网网站:http://www.json.org/)是 一种轻量级的数据交换格式.  易于人阅读和编写.同时也易于机 ...

随机推荐

  1. T-SQL 高级编程

    在Sql Server 中访问数据库一般有2种方式: 1.一种是使用应用程序编程接口API 2.数据库语句 变量:局部变量:以@为前缀,如@Age:全局变量以@@为前缀:(Ps:全局变量以系统定义和维 ...

  2. CentOS 7 配置 mariadb

    一.安装mariadb :  yum groupinstall  mariadb  mariadb-client -y 二.启动(设置开机启动)服务 : systemctl  start (enabl ...

  3. mysql- 修改root密码的多种方法

    MySQL修改root密码的多种方法  方法1: 用SET PASSWORD命令 mysql -u root mysql> SET PASSWORD FOR 'root'@'localhost' ...

  4. Spring IOC 巨多 非常 有用

    关联文章: 关于Spring IOC (DI-依赖注入)你需要知道的一切 关于 Spring AOP (AspectJ) 你该知晓的一切 <Spring入门经典>这本书无论对于初学者或者有 ...

  5. 转:JMeter整合InfluxDB,Grafana让测试结果实时显示

    软件版本: apache-jmeter-2.13.tgz grafana-2.1.1-1.x86_64.rpm influxdb-0.8.8-1.x86_64.rpm 虽然官方不在支持influxdb ...

  6. Luogu 2258 [NOIP2014] 子矩阵

    被普及组虐了,感觉

  7. c/c++转义字符大全【转自互联网】

    将转义字符收集如下:转义字符 意义 ASCII码值(十进制) \a 响铃(BEL) 007 \b 退格(BS) 008 \f 换页(FF) 012 \n 换行(LF) 010 \r 回车(CR) 01 ...

  8. Hashtable类中的四种遍历方法对比

    要遍历一个Hashtable,api中提供了如下几个方法可供我们遍历: keys() - returns an Enumeration of the keys of this Hashtable ke ...

  9. SuperSocket框架中BinaryRequestInfo协议的使用

    一.开发环境 1.Windows 10 企业版 64位 2.Microsoft Visual Studio 2017 企业版 二.项目开始 1.新建控制台程序,项目名称“BinarySuperSock ...

  10. C#之抽象类、虚方法、重写、接口、密封类

    前言    学了这么长时间的C#,我想说对于这个东东还是不是特别了解它,以至于让我频频郁闷.每次敲代码的时候都没有一种随心所欲的感觉.所以不得不在网上搜集一些资料,look 了 look~ 内容   ...