首页 > 其他分享 >关于Axios传json对象给后端,后端将json在转换为pojo对象,

关于Axios传json对象给后端,后端将json在转换为pojo对象,

时间:2022-10-02 22:45:39浏览次数:74  
标签:fastjson Axios form 对象 pojo json department

Controller使用@ResquestParam注解,形参并不直接写pojo对象,而是Map< String,Object>对象,然后使用其get(“key”)方法得到前端作为url参数传递过来的json格式的object对象,使用toString转化为字符串后,利用第三方架包fastjson的JSON.ParseObject()将字符串转成后端直接使用的pojo对象

我用的时fastjson来实现转换格式的,获取json数据,再将json转为pojo

 

前端

发送请求

JSON.stringify(this.form)为将对象转换为json对象

const _this= this;
                console.log('submit!');
                console.log(_this.form);                
                this.$axios({
                    method: 'post',
                    url: 'http://localhost:8090/addDepartmente',
                    data: qs.stringify({  // 1
                        form: JSON.stringify(this.form)
                    })
                })

后端

导入依赖

<!--        fastjson-->
        <dependency>
            <groupId>com.alibaba</groupId>
            <artifactId>fastjson</artifactId>
            <version>2.0.1</version>
        </dependency>

controller

    @RequestMapping(value = "/addDepartmente", method = RequestMethod.POST)
    public void addDepartmente(@RequestParam Map<String, Object> param) { // 2
// get("key")方法得到前端作为url参数传递过来的json格式的object对象
        Object o = param.get("form");
// toString转成字符串
        String DepartmentStr = o.toString();
        System.err.println(DepartmentStr);
// 三方架包fastjson转pojo对象
        department department = JSON.parseObject(DepartmentStr, department.class);
// 对象使用
        System.err.println(department);
        departmentService.addDepartment(department);
    }

 

当然还有其他方法可以实现,转换格式

(5条消息) Axios使用Post向Spring传递POJO对象的三种方法(@RequestBody与@RequestParam注解)_莉妮可丝的猫的博客-CSDN博客_axios post传对象

标签:fastjson,Axios,form,对象,pojo,json,department
From: https://www.cnblogs.com/flsh/p/16749663.html

相关文章

  • JSON.stringify用法
    1、是什么JSON.stringify方法将某个对象转换成JSON字符串形式点击查看代码constuserInfo={name:'zs',age:20}console.log(JSON.stringify(userInfo......
  • JavaWeb----Vue+Axios+Json的数据请求
    详细资料:https://heavy_code_industry.gitee.io/code_heavy_industry/pro001-javaweb/lecture/chapter12/verse02.html《axios+vue发送普通参数请求》  《Json》 ......
  • Fetch and axios
       ......
  • 使用 Python 处理 Json 数据
    一、引言:什么是JSONJSON(JavaScriptObjectNotation)是一种很常用的数据格式,它常常用在web应用程序中。它可以表示结构化的数据。下面是常见的JSON文件结构{......
  • react——webpack配置@路径——配置jsconfig.json提示
    利用addWebpackAlias配置路径constpath=require('path')const{addDecoratorsLegacy,override,addWebpackAlias}=require('customize-cra')//追加上一个装饰器mod......
  • 什么是JSON和XML
    什么是JSON和XMLJSON:JavaScriptObjectNotation【JavaScript对象表示法】.XML:extensiablemarkuplanguage被称作可扩展标记语言JSON和XML都是数据交换语言,完全独......
  • Newtonsoft.Json 之HtmlEncodeConverter
    ///<summary>///html编码序列化转换器///</summary>publicclassHtmlEncodeConverter:JsonConverter{//是否开启自定义反序列化,值......
  • node js post请求(axios)
    node.js可以直接运行js文件 在电脑上配置了node就可以直接用了运行js文件:用vscode打开终端运行语法:nodefilename.js例:  node自带http模块,可以直接写post请......
  • Jmeter 使用json提取器循环提取数组值
    一、使用json提取器提取数组值:   提取数组: -1代表取所有的数组值,默认值not_found;二、添加循环控制器,循环次数为数组长度:${变量名_matchNr}示例:${TaskID2_matchN......
  • Newtonsoft.Json保留小数Convert
    ///<summary>///自定义数值类型序列化转换器///</summary>publicclassDecimalDigitsConvert:JsonConverter{//是否开启自定义反......