Java学习——前后端数据交互（一）

当前的结果是提交之后js内有响应。不知道原因在哪个地方，下面是当前了解的一些知识。

1、在html页面要链接到js页面，要有个这样的东西（html页面

2、在js页面要定义controller层的url地址，就是requestMapping后面的内容（js页面）

3、分为获取数据和提交数据（js页面）

首先是获取数据，shopInfoUrl是定义的conroller层的url地址，data是转换为json格式的字符串，通过$.getJSON来获取

其次是提交数据，为提交提供一个响应

然后在获取页面的数据，并转换为JSON格式。通过new FormData(), formData.append('shop',shopImg)，将数据封装到对象里面

最后是提交数据，通过$.ajax

4、调用定义的方法（js页面）

5、后台获取数据，通过Request.getParameter()来获取JSON格式的字符串。（Java Controller层）

6、将JSON格式的字符串，转为原来的格式，通过ObjectMapper类的readValue方法来讲JSON格式的字符串转为对象

总结一下：

Java前后端数据的交互，不仅是获取还是提交，需要转换为JSON格式的字符串。比如从前端传递到js需要转换为JSON格式，通过加上@ResponseBody的注解，返回类型为Map;从前端传递到后端，需要new FormData()。在进行传递。