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

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

d7be5c01d2879ac02394ad73128bccde.png

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

faf7f895a4964164073aa5a675743abd.png

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

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

bd0877aa53df73cd8a571a4912f78c2e.png

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

4f83bc635d76285ab071194ddbc8a838.png

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

f388dc1d74d9875bbdd14cb68c507431.png

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

eb3b124237b9de1361c09cef64d8c516.png

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

dad6bd318ca82553665977e5528b48ea.png

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

ee773db94730a8e9ee50a29ec4f8c3e1.png

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

7f81f5e0c5695b9dcdb3179df503acac.png

总结一下：

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

该文章版权属于weixin_39709178
摘录自：https://blog.csdn.net/weixin_39709178/article/details/114620520

java简单前后端交互_Java学习——前后端数据交互（一）的更多相关文章

  1. Java中Map,List与Set的区别

    首先，数组和集合的区别： 数组是大小固定的 集合可以存储和操作数目不固定的一组数据，集合只能存放引用类型的的数据，不能存放基本数据类型 特性 List 允许 ...

  2. 前后端合作收获和心得

    前后端合作收获和心得 ...

  3. java中Map，List与Set的区别

    java集合的主要分为三种类型：Set（集）List（列表）Map（映射）要深入理解集合首先要了解下我们熟悉的数组：数组是大小固定的，并且同一个数组只能存放类型一样的数据（基 ...

  4. java中list和map详解

    一、概叙
    　　List , Set, Map都是接口，前两个继承至Collection接口，Map为独立接口，
    　　List下有ArrayList，Vector，LinkedList
    　　Set下有HashSet，LinkedHa ...

  5. java8 lambda和stream的理解

    一、lambda表达式
    语法：
    (parameters) -> expression
    或
    (parameters) ->{ statements; }

    parameters是参数，expression是表达式，statemen ...

  6. Rxjava+Lambda(java8)+Lombok学习

    Rxjava+Lambda(java8)+Lombok学习
    个人demo地址（持续更新）：https://github.com/yueyue10/MyApplication
    Rxjava结合Lambda表达式可以让Android代码更加清 ...

  7. Java大牛分享的面试知识点

    Java大牛分享的面试知识点 ...

  8. +++ Java8 lambda 入门实例

    原文链接： javarevisited 翻译： ImportNew.com - lemeilleur例1、用lambda表达式替换匿名类//8之前newThread(newRunnable(){@Overridepublicvoidru ...

  9. java8多线程的lambda

    Lambda表达式lambda表达式，实际上就是匿名函数。格式如下：()里面是函数的参数，中间是箭头，{}是函数的代码块，{}包含了函数的执行以及返回结果。()->{ ...

  10. java8 —— Lambda 表达式

    文章目录

    什么是Lambda 表达式

    查看从匿名类到 Lambda 的转换
    Lambda 表达式作为参数传递

    Lambda 表达式语法
    语法格式
    自定义函数式接口
    内置四大 ...