SpringMVC对Ajax的支持
实现思路
- 给按钮绑定一个单击事件
- 在单击事件触发时发送异步请求
$.ajax
$.get
$.post
$.getJSON
springmvc 控制器将对应数据转为json
两种方式:
使用fastjson等第三方工具包转换为json格式字符串
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43package com.buubiu.controller;
import com.alibaba.fastjson.JSONObject;
import com.buubiu.entity.User;
import java.io.IOException;
import java.util.ArrayList;
import java.util.Date;
import java.util.List;
import java.util.UUID;
import javax.servlet.http.HttpServletResponse;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;
/**
* SpringMVC与Ajax集成
* @author buubiu
**/
public class JsonController {
/**
* 使用阿里fastjson转换为json
* @param response
* @throws IOException
*/
public void findAll(HttpServletResponse response) throws IOException {
//收集数据
//调用业务
List<User> users = new ArrayList<>();
users.add(new User(UUID.randomUUID().toString(), "buubiu张三", 22, new Date()));
users.add(new User(UUID.randomUUID().toString(), "buubiu李四", 23, new Date()));
users.add(new User(UUID.randomUUID().toString(), "buubiu王五", 24, new Date()));
//fastjson
String s = JSONObject.toJSONStringWithDateFormat(users, "yyyy-MM-dd");
response.setContentType("application/json;charset=UTF-8");
response.getWriter().println(s);
}
}使用SpringMVC提供的注解
@ResponseBody
- 作用范围:用在方法或者方法的返回值上
- 作用:用来将方法的返回值自动转为json格式字符串并响应到前台
- 底层使用:Jackson转换json
注意:别忘了引入jackson依赖
1
2
3
4
5<dependency>
<groupId>com.fasterxml.jackson.core</groupId>
<artifactId>jackson-databind</artifactId>
<version>2.11.2</version>
</dependency>解决日期格式问题:
在实体类的日期属性上加注解
1
2
private Date bir;
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37package com.buubiu.controller;
import com.buubiu.entity.User;
import java.util.ArrayList;
import java.util.Date;
import java.util.List;
import java.util.UUID;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.ResponseBody;
/**
* SpringMVC与Ajax集成
* @author buubiu
**/
public class JsonController {
/**
* 使用SpringMVC提供的注解@ResponseBody
* @return
*/
public List<User> showAll() {
//收集数据
//调用业务
List<User> users = new ArrayList<>();
users.add(new User(UUID.randomUUID().toString(), "buubiu张三", 22, new Date()));
users.add(new User(UUID.randomUUID().toString(), "buubiu李四", 23, new Date()));
users.add(new User(UUID.randomUUID().toString(), "buubiu王五", 24, new Date()));
return users;
}
}
SpringMVC对Ajax的支持