SpringMVC前端传json数据后端用对象接收,后端传json数据给前端

ResponseBody和RequestBody@ResponseBody把后台pojo转换成json对象@RequestBody接收前台json数据,把json数据封装成对象1、pom.xml添加依赖<dependency> <groupId>com.fasterxml.jackson.core</groupId> <a...
摘要由CSDN通过智能技术生成

ResponseBody和RequestBody

@ResponseBody把后台pojo转换成json对象

@RequestBody接收前台json数据,把json数据封装成对象

1、pom.xml添加依赖

<dependency>
    <groupId>com.fasterxml.jackson.core</groupId>
    <artifactId>jackson-databind</artifactId>
    <version>2.9.5</version>
</dependency>

 

2、配置

<!--配置适配器-->
<bean class="org.springframework.web.servlet.mvc.method.annotation.RequestMappingHandlerAdapter">
    <!--配置json转换器 告诉springmvc使用jackson转换-->
    <property name="messageConverters">
        <list>
        <bean class="org.springframework.http.converter.json.MappingJackson2HttpMessageConverter"/>
        </list>
    </property>
</bean></
  • 0
    点赞
  • 14
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
好的,这里给出一个前端输文件数据并在后端接收的案例,以 JavaScript 和 Express 框架为例: 前端代码 ```javascript const fileInput = document.querySelector('input[type="file"]'); fileInput.addEventListener('change', async (event) => { const formData = new FormData(); formData.append('file', event.target.files[0]); const response = await fetch('/upload', { method: 'POST', body: formData }); const result = await response.json(); console.log(result); }); ``` 上述代码中,我们使用了 HTML5 中的 `input[type="file"]` 元素来实现文件选择功能。在文件选择后,我们将文件数据封装成 FormData 对象,并通过 Fetch API 发送到后端。请求的目标 URL 为 `/upload`,请求方法为 POST。 后端代码 ```javascript const express = require('express'); const multer = require('multer'); const app = express(); const upload = multer({ dest: 'uploads/' }); app.post('/upload', upload.single('file'), (req, res) => { console.log(req.file); res.json({ message: 'File uploaded successfully' }); }); app.listen(3000, () => { console.log('Server started on port 3000'); }); ``` 上述代码中,我们使用了 Express 框架和 multer 库来处理文件上。在 Express 应用中,我们定义了一个 POST 方法的路由 `/upload`,并使用 multer 的 `upload.single('file')` 中间件来接收单个文件数据。在中间件处理后,我们可以在 `req.file` 对象中获取到文件的相关信息,如文件名、文件类型、文件大小等。最后,我们将处理结果封装成 JSON 数据并返回给前端

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值