FormData 传递参数有数组类型时，传送的数据格式不对怎么办？

最新推荐文章于 2024-11-27 16:47:48 发布

北京_小杰

最新推荐文章于 2024-11-27 16:47:48 发布

阅读量2.4k

点赞数

分类专栏： javascript 文章标签： js

本文链接：https://blog.youkuaiyun.com/weixin_41617067/article/details/109163443

版权

javascript 专栏收录该内容

5 篇文章

订阅专栏

本文介绍如何使用JSON.stringify方法处理数组数据，并通过FormData正确传递至后端。针对不同类型的数组，演示了如何避免传递过程中数据被错误解析的问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

//要传递的数据类型：

//【第一种】：
var arr=[
    {a:"1",b:"s",c:"6"},
    {a:"1",b:"s",c:"6"},
    {a:"1",b:"s",c:"6"}
];
//【第二种】：
var arrs = [
    ["v1","v2","v1"],
    ["v1","v2","v1"],
    ["v1","v2","v1"]
];

//正常直接 formData.append("name", val) 传递，后台接收：

第一种："arr" => "[object Object],[object Object],[object Object]"
第二种："arrs" => "v1,v2,v1,v1,v2,v1,v1,v2,v1"

//这些都不是我们想要的，那我们应该怎么处理呢？很简单用JSON.stringify转化一下即可：

formData.append("arr", JSON.stringify(arr));
formData.append("arrs", JSON.stringify(arrs));

//这样就能得到我们想要的数据了

第一种："arr" => "[{"a":"1","b":"s","c":"6"},{"a":"1","b":"s","c":"6"},{"a":"1","b":"s","c":"6"}]"
第二种："arrs" => "[["v1","v2","v1"],["v1","v2","v1"],["v1","v2","v1"]]"