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


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

Java学习——前后端数据交互(一)


2、在js页面要定义controller层的url地址,就是requestMapping后面的内容(js页面)

Java学习——前后端数据交互(一)

3、分为获取数据和提交数据(js页面)

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

Java学习——前后端数据交互(一)

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

Java学习——前后端数据交互(一)

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

Java学习——前后端数据交互(一)

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

Java学习——前后端数据交互(一)


4、调用定义的方法(js页面)

Java学习——前后端数据交互(一)


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

Java学习——前后端数据交互(一)


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

Java学习——前后端数据交互(一)


总结一下:

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




相关文章:

  • 2021-12-07
  • 2022-12-23
  • 2022-12-23
  • 2022-01-07
  • 2021-11-26
  • 2021-11-26
  • 2021-07-27
  • 2022-03-09
猜你喜欢
  • 2021-08-18
  • 2021-12-30
  • 2021-05-30
  • 2021-08-22
  • 2021-11-21
  • 2021-10-03
  • 2021-10-29
相关资源
相似解决方案