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

本文介绍了HTML页面如何通过JavaScript与后端JavaController层进行数据交互的过程,包括数据的获取与提交,涉及到JSON格式字符串的使用及转换。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

当前的结果是提交之后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()。在进行传递。




评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值