axios上传json到后端(java)

修罗_

于 2022-04-12 17:27:21 发布

阅读量1.4k

点赞数

本文链接：https://blog.youkuaiyun.com/weixin_45843676/article/details/124129311

版权

VUE 同时被 3 个专栏收录

93 篇文章

订阅专栏

spring boot

11 篇文章

订阅专栏

前后端分离

2 篇文章

订阅专栏

这篇博客展示了如何使用前端库axios进行POST请求，将包含用户信息的对象发送到后端的RESTful API接口。后端通过@RequestBody注解接收数据，调用UserService进行更新操作。主要涉及的技术包括axios、RESTful API、JSON数据格式和Spring MVC。

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

前端

let user={
	'user_id':'123',
	'user_name':'llx'
};
axios.request({
        method: "post", // 请求方式
        url: 'http://localhost:8089/user/update/root',
        dataType:'json', // 上传内容格式
        contentType: 'application/x-www-form-urlencoded', // 在发送前编码所有字符（默认）
        data: user,  // 上传的json
        headers: { "Access-Control-Allow-Origin": "*" } // 跨域 
});

后端

@RestController
@RequestMapping(value = "user", method = RequestMethod.POST)
public class UserController {

    @Autowired
    private UserService userService;

    @RequestMapping("update/root")
    public int adminUpdateUser(@RequestBody User user) {
        System.out.println(user);
        return userService.adminUpdateUser(user);
    }
}