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

How to convert FormData (HTML5 object) to JSON

Add Answer

Bug Killer answered on December 12, 2020 Popularity 9/10 Helpfulness 3/10

answer How to convert FormData (HTML5 object) to JSON

related FormData to json

related json to formData

related json to formdata

related formData to Json

How to convert FormData (HTML5 object) to JSON

Comment

var object = {};
formData.forEach(function(value, key){
    object[key] = value;
});
var json = JSON.stringify(object);

Popularity 9/10 Helpfulness 3/10 Language css

Source: stackoverflow.com

Tags: css form-data to-json

Link to this answer
Share Copy Link

Contributed on Jun 12 2021

Bug Killer

0 Answers Avg Quality 2/10

Closely Related Answers

FormData to json

Comment

var object = {};
formData.forEach(function(value, key){
    object[key] = value;
});
var json = JSON.stringify(object);

// Or ES6 arrow function
var object = {};
formData.forEach((value, key) => object[key] = value);
var json = JSON.stringify(object);

Popularity 10/10 Helpfulness 6/10 Language javascript

Source: stackoverflow.com

Tags: form-data form

Link to this answer
Share Copy Link

Contributed on Dec 12 2020

yusuf_fazeri

0 Answers Avg Quality 2/10

json to formData

Comment

function buildFormData(formData, data, parentKey) {
  if (data && typeof data === 'object' && !(data instanceof Date) && !(data instanceof File)) {
    Object.keys(data).forEach(key => {
      buildFormData(formData, data[key], parentKey ? `${parentKey}[${key}]` : key);
    });
  } else {
    const value = data == null ? '' : data;

    formData.append(parentKey, value);
  }
}

function jsonToFormData(data) {
  const formData = new FormData();
  
  buildFormData(formData, data);
  
  return formData;
}

const my_data = {
  num: 1,
  falseBool: false,
  trueBool: true,
  empty: '',
  und: undefined,
  nullable: null,
  date: new Date(),
  name: 'str',
  another_object: {
    name: 'my_name',
    value: 'whatever'
  },
  array: [
    {
      key1: {
        name: 'key1'
      }
    }
  ]
};

jsonToFormData(my_data)

Popularity 10/10 Helpfulness 4/10 Language javascript

Source: stackoverflow.com

Tags: form-data form

Link to this answer
Share Copy Link

Contributed on Apr 18 2021

Smiling Swan

0 Answers Avg Quality 2/10

json to formdata

Comment

function jsonToFormData (json){
    const FORM_DATA = new FormData();
    if(!json) return FORM_DATA;
    try{
        json = JSON.parse(json);
    }catch{}
    if(typeof json != 'object'||Array.isArray(json)) return FORM_DATA;
    for(key in json) {
        let value = json[key];
        if(Array.isArray(value)){
            value.forEach((v)=>{
                FORM_DATA.append(key+"[]", v);
            });
        }
        else
            FORM_DATA.append(key, typeof json[key] == 'object' ? JSON.stringify(json[key]) : json[key]);
    }

    return FORM_DATA;
}

Popularity 9/10 Helpfulness 4/10 Language javascript

Source: Grepper

Tags: form-data form

Link to this answer
Share Copy Link

Contributed on Jun 15 2022

2589

0 Answers Avg Quality 2/10

formData to Json

Comment

-1

`const formDataObject = (formData) => {

for (const key in formData) {
    if (formData[key].startsWith('{') || formData[key].startsWith('[')) {
        try {
            formData[key] = JSON.parse(formData[key]);
            console.log("key is :", key, "form data is :", formData[key]);

        } catch (error) {
            console.log("error :", key);
        }
    }
}

console.log("object", formData)
}`

Popularity 10/10 Helpfulness 1/10 Language javascript

Source: stackoverflow.com

Tags: form-data form

Link to this answer
Share Copy Link

Contributed on Sep 24 2021

Disturbed Deer

0 Answers Avg Quality 2/10

How to convert FormData (HTML5 object) to JSON

Contents

More Related Answers

How to convert FormData (HTML5 object) to JSON

Closely Related Answers

FormData to json

json to formData

json to formdata

formData to Json

Grepper

Documentation

Social

Legal

Contact

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