SpringMVC-10-(springMVC和ajax的交互）

迷南。 2022-03-07 00:54 557阅读 0赞

# 10【掌握】springMVC和ajax的交互 #

## 1.响应普通字符串到页面 ##

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ0MDEzNzkw_size_16_color_FFFFFF_t_70]  
测试  
![在这里插入图片描述][2019031521074581.png]  
说明  
@RequestMapping(value=“loadString”,produces=“text/html;charset=utf-8”)  
|–produces 设置响应文本的编码和页面的解析方式  
@ResponseBody  
|–以字符串的形式响应数据到页面 不是转发

## 2.响应普通字符串到页面验证用户名是否存在 ##

index.jsp  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ0MDEzNzkw_size_16_color_FFFFFF_t_70 1]  
userController  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ0MDEzNzkw_size_16_color_FFFFFF_t_70 2]

## 3.使用fastjson生成对象字符串响应到页面 ##

导fastjson的包  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ0MDEzNzkw_size_16_color_FFFFFF_t_70 3]

## 4.使用fastjson生成List集合字符串响应到页面 ##

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ0MDEzNzkw_size_16_color_FFFFFF_t_70 4]

## 5.使用jackson响应到页面\[springmvc内置的转换器\] ##

导jackson的包  
![在这里插入图片描述][20190315210830508.png]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ0MDEzNzkw_size_16_color_FFFFFF_t_70 5]  
修改生成的json key的名 和日期转化

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ0MDEzNzkw_size_16_color_FFFFFF_t_70 6]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ0MDEzNzkw_size_16_color_FFFFFF_t_70 7]

## 6.注解说明 ##

@ResponseBody 以字符串的形式响应给页面 配合页面的ajax请求使用  
|–作用于方法。只能方法有效果  
|–作用于类 对类里面的所有方法有效果

@JsonProperty(“userId”) 修改响应的对象的属性名 如果不设置默认为对象的属性名

@JsonFormat(pattern=“yyyy-MM-dd HH:mm:ss”,timezone=“GMT+8”) 对响应到客户端的日期对象进行格式化

@RestController  
|–作用于类上，相当于@Controller+@ResponseBody

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ0MDEzNzkw_size_16_color_FFFFFF_t_70]: /images/20220307/f9293bf6bc104ee988b85a48ed858c11.png
[2019031521074581.png]: /images/20220307/86c9e84b52c34d74bf4e7c1520bba8a2.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ0MDEzNzkw_size_16_color_FFFFFF_t_70 1]: /images/20220307/6dcf206802994b0981a99ad0cbcbad83.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ0MDEzNzkw_size_16_color_FFFFFF_t_70 2]: /images/20220307/81ff75f9e10243ac951b909c49679ef1.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ0MDEzNzkw_size_16_color_FFFFFF_t_70 3]: /images/20220307/4299790a81ef49bba21d7fd91097e786.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ0MDEzNzkw_size_16_color_FFFFFF_t_70 4]: /images/20220307/a699dbfb548042df9da3ae6f80b0c39e.png
[20190315210830508.png]: /images/20220307/09fc521424764bf1bfd590232675b1d9.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ0MDEzNzkw_size_16_color_FFFFFF_t_70 5]: /images/20220307/2de19ea7a13a4bfaa8ebc8993f388dfa.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ0MDEzNzkw_size_16_color_FFFFFF_t_70 6]: /images/20220307/65b32ff0c7444abdb9a6aae237586efe.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ0MDEzNzkw_size_16_color_FFFFFF_t_70 7]: /images/20220307/fe8cfffd909248f88077dc688ca08474.png