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 = JSONObject(i);
/
/把单个对象的参数往List中塞⼊
codearr.add((String) ("itemno"));
}
}
<script>
new Vue({
el: '#shop',
data(){
return{
shopcode: [{
shopstock: 1,
size: "s",
itemno: "s",
},
{
vuejson转对象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>
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论