spring-mvc - vue-resource post 传多个对象，后台接收不到数据

问题描述

问 题

1、vue-resource传多个对象，springmvc 的controller接收不到数据。

var addNewNovel = new Vue({
        el:'#addNewNovel',
        data:{
            novel:{
                novelId:'',
                userEmial:sessionStorage.userId,
                introduction:'',
                createTime:'',
                flag:'',
                cover:'',
                title:'',
            },
            chapter:{
                chapterId:'',
                novelId:'',
                file:'',
                title:'',
                createTime:'',
            },
        },
        methods:{
            submit:function(){
                this.$http.post("novel/addNovel",{novel:addNewNovel.novel,chapter:addNewNovel.chapter},{emulateJSON:true}).then(response=>{
                    var data = response.body;
                    alert(data.status);
                })
            }
        }
    })

后台是这样的：

@RequestMapping(value="addNovel", method = RequestMethod.POST)
@ResponseBody
public Object addNovel(@ModelAttribute("novel") Novel novel, @ModelAttribute("chapter") Chapter chapter){
        System.out.println("Enter the addNovel");
        System.out.println(novel);
        System.out.println(chapter);

结果：

菜鸟渣渣实在不会怎么处理了，望懂的人指点一二。万分感谢！

解决方案

因为你设了emulateJSON=true,相当于content-type="application/x-www-form-urlencoded",
而你的postData里面的属性是对象.浏览器会解析出来.你需要把postData里面的对象JSON.stringify后再传给后端.
把content-type设为application/json,既将emulateJSON=false试试 .不过这时候后端又是另一种解析方法

这篇关于spring-mvc - vue-resource post 传多个对象，后台接收不到数据的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！