javascript - FormData 附加嵌套对象

Question

是否可以将嵌套对象附加到 FormData？

let formData = new FormData();
let data = {
    title: 'title',
    text: 'text',
    preview: {p_title:'p title', p_text: 'p text'}
};

$.each(data, function(key, value) {
    formData.append(key, value);
});

服务器控制台 - console.log(req.body)

{
    title: 'title',
    text: 'text',
    preview: '[object Object]'
}

如何获取 preview: {p_title:'p title', p_text: 'p text'} 的准确值？

Answer 1

let formData = new FormData();
let data = {
  title: 'title',
  text: 'text',
  preview: {p_title:'p title', p_text: 'p text'}
};

for(let dataKey in data) {
  if(dataKey === 'preview') {
    // append nested object
    for (let previewKey in data[dataKey]) {
      formData.append(`preview[${previewKey}]`, data[dataKey][previewKey]);
    }
  }
  else {
    formData.append(dataKey, data[dataKey]);
  }
}

控制台表单数据

for (let val of formData.entries()) {
  console.log(val[0]+ ', ' + val[1]); 
}