首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >如何将FormData转换成Object,然后再JSON.stringify它?

如何将FormData转换成Object,然后再JSON.stringify它?
EN

Stack Overflow用户
提问于 2019-04-17 21:54:21
回答 1查看 846关注 0票数 0

我如何将我的FormData转换成一个对象而不是JSON.stringify呢?我认为API中的值没有用我的数据填充的原因是因为端点需要JSON数据。

handleSubmit:

代码语言:javascript
运行
复制
handleSubmit(event) {
      event.preventDefault();

      const data = new FormData(event.target);

      fetch('http://localhost:8080/seniorproject/addUser', {
        method: 'POST',
        body: data,
      });

      console.log(data);
    }

表格:

代码语言:javascript
运行
复制
<form onSubmit={this.handleSubmit}>
          <label htmlFor="First Name">Enter First Name</label>
          <input id="firstName" name="firstName" type="text" />

          <label htmlFor="Last Name">Enter your Last Name</label>
          <input id="lastName" name="lastName" type="lastName" />

          <label htmlFor="studentID">Enter your student id</label>
          <input id="studentID" name="studentID" type="text" />

          <label htmlFor="Email">Enter your email</label>
          <input id="email" name="email" type="text" />

          <label htmlFor="Password">Enter your password</label>
          <input id="password" name="password" type="text" />

          <button>Send data!</button>
        </form>
EN

回答 1

Stack Overflow用户

发布于 2019-04-17 22:06:48

您可以使用formData.entries()方法遍历FormData中的所有条目并构造一个JSON对象,如下所示:

代码语言:javascript
运行
复制
const json = {};
Array.from(formData.entries()).forEach(([key, value]) => {
  json[key] = value;
})

JSON.stringify(json)
票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/55729184

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档