【SpringMVC笔记】Ajax 入门
在Spring MVC框架中,我们可以使用Ajax进行前后端的分离,这样可以使得前端和后端的开发更加分离,更加有效的提高开发效率。
在Spring MVC中,我们可以通过以下几种方式使用Ajax:
- 使用jQuery的$.ajax()方法
- 使用Spring提供的@ResponseBody注解
- 使用Spring的RestController注解
下面我们将分别展示这三种方式的实现:
- 使用jQuery的$.ajax()方法
$.ajax({
url: '/path',
type: 'POST', // GET, DELETE, PUT等
data: {key: 'value'},
success: function(result) {
// 处理返回结果
},
error: function(error) {
// 处理错误
}
});
- 使用Spring提供的@ResponseBody注解
@Controller
public class MyController {
@RequestMapping(value = "/path", method = RequestMethod.POST)
@ResponseBody
public String myMethod(@RequestBody String body) {
// 处理请求
return "response";
}
}
- 使用Spring的RestController注解
@RestController
public class MyRestController {
@RequestMapping(value = "/path", method = RequestMethod.POST)
public String myMethod(@RequestBody String body) {
// 处理请求
return "response";
}
}
在这三种方法中,第一种方法需要我们手动处理JSON的序列化和反序列化,第二种和第三种方法Spring会自动处理JSON的序列化和反序列化。
注意:在使用Ajax时,我们需要注意跨域的问题,如果我们的前端和后端不在同一个域下,我们需要在后端配置允许跨域的请求。
在Spring MVC中,我们可以通过以下几种方式配置允许跨域的请求:
- 使用Spring提供的CorsFilter
- 使用Spring提供的@CrossOrigin注解
下面我们将分别展示这两种方式的实现:
- 使用Spring提供的CorsFilter
@Configuration
public class WebConfig implements WebMvcConfigurer {
@Override
public void addCorsMappings(CorsRegistry registry) {
registry.addMapping("/**")
.allowedOrigins("http://domain2.com")
.allowedMethods("POST", "GET", "OPTIONS", "DELETE", "PUT")
.allowedHeaders("Content-Type", "X-Requested-With", "accept", "Origin", "Access-Control-Request-Method", "Access-Control-Request-Headers")
.exposedHeaders("Access-Control-Allow-Origin", "Access-Control-Allow-Credentials")
.allowCredentials(true)
.maxAge(3600);
}
}
- 使用Spring提供的@CrossOrigin注解
@CrossOrigin(origins = "http://domain2.com", maxAge = 3600)
@RestController
public class MyRestController {
@RequestMapping(value = "/path", method = RequestMethod.POST)
public String myMethod(@RequestBody String body) {
// 处理请求
return "response";
}
}
在这两种方法中,第一种方法需要我们手动处理跨域的请求,第二种方法Spring会自动处理跨域的请求。
注意:在
评论已关闭