Search
 
SCRIPT & CODE EXAMPLE
 

JAVASCRIPT

FormData to json

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);
Comment

json to formdata

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;
}
Comment

json to formData

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

form data to json

function formDataToJson(formData){
    let json = {};
    if(!(formData instanceof FormData)) return json;
    formData.forEach((value,key)=>{
        json[key] = value;
    });
    return json;
}
Comment

How to convert FormData (HTML5 object) to JSON

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

formData to Json

`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)
}`
Comment

PREVIOUS NEXT
Code Example
Javascript :: wordpress ajax trigger code 
Javascript :: change js 
Javascript :: filter in js 
Javascript :: print js 
Javascript :: connect ECONNREFUSED 127.0.0.1:80 nuxt config 
Javascript :: nodejs download file 
Javascript :: conditional jsx property 
Javascript :: join array 
Javascript :: get array of selected options from select element 
Javascript :: set value lookup javascript dynamics 365 
Javascript :: create document mongoose 
Javascript :: remove value from input jquery 
Javascript :: innertext of input js 
Javascript :: script src= https//kit.fontawesome.com/a81368914c.js /script 
Javascript :: javascript detect scroll wheel 
Javascript :: javascript scroll tracker 
Javascript :: update to node 12 mac 
Javascript :: react bootstrap col not working 
Javascript :: usecallback react 
Javascript :: new blob javascript 
Javascript :: delete a label jquer 
Javascript :: javascript timestamp to date 
Javascript :: Error: A Route is only ever to be used as the child of element, never rendered directly. Please wrap your Route in a Route 
Javascript :: for javascript 
Javascript :: form data 
Javascript :: jest run specific test 
Javascript :: add decimals javascript 
Javascript :: connected-react-router error could not find router reducer in state tree 
Javascript :: gzip compression angular universal 
Javascript :: placeholder text disappear when click in react 
ADD CONTENT
Topic
Content
Source link
Name
5+1 =