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

json to formData

Add Answer

Smiling Swan answered on December 12, 2020 Popularity 10/10 Helpfulness 4/10

answer json to formData

related FormData to json

related json to formdata

related form data to json

related How to convert FormData (HTML5 object) to JSON

related formData to Json

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 javascript json

Link to this answer
Share Copy Link

Contributed on Apr 18 2021

Smiling Swan

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 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

form data to json

Comment

function formDataToJson (formData){
    let json = {};
    if(!(formData instanceof FormData)) return json;
    for (const pair of formData.entries()) {
        json[pair[0]] = pair[1];
    }
    return json;
}

Popularity 10/10 Helpfulness 3/10 Language javascript

Source: Grepper

Tags: form-data form

Link to this answer
Share Copy Link

Contributed on Jun 16 2022

2589

0 Answers Avg Quality 2/10

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

Link to this answer
Share Copy Link

Contributed on Jun 12 2021

Bug Killer

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

json to formData

Contents

More Related Answers

json to formData

Closely Related Answers

FormData to json

json to formdata

form data to json

How to convert FormData (HTML5 object) to JSON

formData to Json

Grepper

Documentation

Social

Legal

Contact

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