如何向 FormData 追加嵌套对象

Question

如何使用表单附加来发布此数组：

data = [
    {
        "title":"title 1",
        "subTitle": "subTitle 1",
        "productId": "[1,2,3]"
    },
    {
        "title":"title 2",
        "subTitle": "subTitle 1",
        "productId": "[4,5,6]"
    },
    {
        "title":"title 3",
        "subTitle": "subTitle 1",
        "productId": "[7,8,9]"
    }
]

如果我按如下方式提交数据： formData.append("data", JSON.stringify(this.data); 我无法仅获取值productId 中的id 键

Answer 1

您可以尝试这个

data.forEach(item => {
            formData.append(`data[]`, JSON.stringify(item));
        });

- 在后端，您需要解析它以发送到前端。

Answer 2

一旦你的数组被“stringify”，你需要使用 JSON.parse 来访问单个键

const obj = JSON.parse('{"name":"John", "age":30, "city":"New York"}');
<p id="demo"></p>

<script>
document.getElementById("demo").innerHTML = obj.name;
</script>

同时查看你的数组，你将必须使用数组键这样做

obj[0].productId
obj[1].productId
obj[2].productId
obj[3].productId

，然后从那时提取数组

 for (let i  = 0 ; i <  obj[3].productId.length ; i++)
{ 
 console.log(obj[3].productId[i]);

 }

如果你需要，请告诉我有关它的更多信息