Breaking News: Grepper is joining You.com. Read the official announcement!

html form post json example

Wissam answered on October 20, 2021 Popularity 9/10 Helpfulness 4/10

answer html form post json example

html form post json example

Comment

submitButton.addEventListener("submit", (event) => {
  const formData = new FormData(event.target);
  // object used to collect form data
  const objToSend = new Object();
  formData.forEach((value, key) => {
    if (!Reflect.has(objToSend, key)) {
      // property key encountered for first time
      Reflect.set(objToSend, key, value);
    } else {
      if (!Array.isArray(objToSend[key])) {
        // convert value into array
        objToSend[key] = [objToSend[key]];
      }
      // add new value to array
      objToSend[key].push(value);
    }
  });
  // Stringify object holding form data
  const objAsJSON = JSON.stringify(objToSend);
  console.log(objAsJSON);
});

Popularity 9/10 Helpfulness 4/10 Language javascript

Source: Grepper

Tags: form-post html javascript json

Link to this answer
Share Copy Link

Contributed on Feb 20 2022

Wissam

0 Answers Avg Quality 2/10

Closely Related Answers

javascript form post json data

Comment

var formData = JSON.stringify($("#myForm").serializeArray());

Popularity 9/10 Helpfulness 4/10 Language javascript

Source: stackoverflow.com

Tags: form-post form

Link to this answer
Share Copy Link

Contributed on Oct 20 2021

Relieved Rat

0 Answers Avg Quality 2/10

html form post json example

Contents

More Related Answers

html form post json example

Closely Related Answers

javascript form post json data

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.