我有一个表单，其中有像name,email,other[a],other[b]这样的字段，这是由AJAX提交的.目前，在使用Axios进行发布之前准备数据的脚本执行此操作
const data = Array.from(new FormData(this.form).entries()).reduce((memo, pair) => ({
...memo,
[pair[0]]: pair[1],
}), {});
它产生了
{
"name":"X",
"email":"Y",
"other[a]":"A",
"other[b]":"B",
}
但它必须是
{
"name":"X",
"email":"Y",
"other": {
"a": "A",
"b": "B"
}
}
我需要做什么才能使这other个字段成为一个嵌套数组？
要将其他字段转换为嵌套对象，可以修改数据准备过程.您需要拆分字段名并相应地构造对象.下面是一个您可以使用的函数:
function transformFormData(formData) {
const data = {};
for (let [key, value] of formData.entries()) {
if (key.startsWith('other[')) {
const nestedKey = key.substring(key.indexOf('[') + 1, key.indexOf(']'));
if (!data['other']) {
data['other'] = {};
}
data['other'][nestedKey] = value;
} else {
data[key] = value;
}
}
return data;
}data;
}
用此函数替换您当前的数据准备流程:
const data = transformFormData(new FormData(this.form));
此函数遍历表单数据条目，并判断键是否以‘Other’开头.如果是，则提取嵌套的键(如‘a’或‘b’)，并相应地构造对象.否则，它会将键-值对直接存储在主对象中.