Vue向后台传递json对象数组并取值

Vue传递json数组,后台转为json对象及图片上传

@RequestMapping("/saveshop")
@ResponseBody
//shopcode要与前端js中key对应
public void name(@RequestParam("shopcode") String shopcode) {
                                                            // "shopcode"前台传来的json对象数组
JSONArray picArray = JSONArray.parseArray(shopcode);
List<String> codearr = new ArrayList<String>();
//遍历得到单个的对象
for (int i = 0; i < picArray.size(); i++) {
JSONObject jsonObject = picArray.getJSONObject(i);
//把单个对象的参数往List中塞入
codearr.add((String) jsonObject.get("itemno"));
}
System.err.println(codearr);
}

<script>
new Vue({
    el: '#shop',
    data() {
return {
           shopcode: [{
               shopstock: 1,
               size: "s",
               itemno: "s",
           },
               {
                   shopstock: 2,
                   size: "m",
                   itemno: "s",
               }
           ]
       },
},
methods: {
upload() {
    var that = this;
let param = new FormData();
//序列化对象数组
let Obj = JSON.stringify(this.shopcode);
param.append("shopcode", Obj);
let config = {
    headers: {
        "Content-Type": "multipart/form-data"
    },
};
axios.post('saveshop', param, config).then(
    function(response) {

})
.catch(function(error) {

});
},

})
</script>


版权声明:本文为weixin_49215012原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。