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版权协议,转载请附上原文出处链接和本声明。