注解
目录：
1.SpringMVC相关
（1）@ResponseBody
（2）@RequestBody
1. SpringMVC相关
（1）@ResponseBody注解：
使用@ResponseBody注解告诉SpringMVC，请你那方法的返回值转成JSON个数数据作为响应体，不要再找视图.
@RequestMapping("sendText")
public @ResponseBody String sendText(String username, String password){
System.out.println("username = " + username);
System.out.println("password = " + password);
return "1234567890";
}
（2）@RequestBody注解：
要用来接收前端传递给后端的json字符串中的数据的，注解只能加在方法的参数上。而且前端的请求方式必须为post，因为post请求方式才具有请求体数据。
//(2) Json格式数据，存储到JavaBean上
@RequestMapping("jsonPojo")
@ResponseBody
public String jsonPojo(@RequestBody User user){
System.out.println("user = " + user);
return "收到";
}
//(3) Json格式数据，存储到List集合上
@RequestMapping("jsonList")
@ResponseBody
public String jsonList(@RequestBody List list){
System.out.println("list = " + list);
return "收到";
}
//(4) Json格式数据，存储到Map集合上
@RequestMapping("jsonMap")
@ResponseBody
public String jsonMap(@RequestBody Map map){
Set> entrySet = map.entrySet();
for (Map.Entry entry : entrySet) {
System.out.println(entry.getKey()+":"+entry.getValue());
}
return "收到";
}
DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>发送异步请求title>
head>
<body>
<div id="app">
<fieldset>
<p>(1) 普通类型数据p>
<button type="button" @click="sendJsonText()">发送普通类型数据button>
fieldset>
<fieldset>
<p>(2) Json格式数据，存储到JavaBean上p>
<button type="button" @click="sendJsonPojo()">发送普通类型数据button>
fieldset>
<fieldset>
<p>(3) Json格式数据，存储到List集合上p>
<button type="button" @click="sendJsonList()">发送普通类型数据button>
fieldset>
<fieldset>
<p>(4) Json格式数据，存储到Map集合上p>
<button type="button" @click="sendJsonMap()">发送普通类型数据button>
fieldset>
div>
<script type="text/javascript" src="js/vue.min.js">script>
<script type="text/javascript" src="js/axios-0.18.0.js">script>
<script type="text/javascript">
new Vue({
el: "#app",
data: {
user: {
username: "张三",
age: 12,
password: "1234"
},
list: [{
username: "张三",
age: 12,
password: "123"
},
{
username: "张四",
age: 12,
password: "1234"
}],
map: {
u1: {
username: "张三",
age: 12,
password: "123"
},
u2: {
username: "张四",
age: 12,
password: "1234"
}
}
},
methods: {
sendJsonText() {
axios({
method: "post",
url: "/ajaxJson/jsonText.do",
params: {
username: "张三",
password: "1234"
}
}).then(response => {
console.log(response.data);
});
},
sendJsonPojo() {
axios.post("ajaxJson/jsonPojo.do", this.user).then(resp => {
console.log(resp.data);
})
},
sendJsonList() {
axios.post("ajaxJson/jsonList.do", this.list).then(resp => {
console.log(resp.data);
})
},
sendJsonMap() {
axios.post("ajaxJson/jsonMap.do",this.map).then(response => {
console.log(response.data);
})
}
}
});
script>
body>
html>