convirtiendo html5 formdata a json: una guía paso a paso de paso

problema: converso las entradas de un objeto de formio a JSON sin jQuery o serializando todo objeto.

Respuesta:

para convertir las entradas de un objeto FormData a JSON, siga estos pasos:

1. cree un objeto vacío para almacenar los pares clave/valor.
2. sobre el obse forEach.
3. For each entry, set the key in the empty object to the entry's name and the value to its value.
4. Convert the object to JSON using the JSON.stringify() method.

Example Using forEach:

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

ejemplo usando funciones de flecha es6:

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

Soporte para múltiples listas de selección:

si su formulario contiene listas de selección múltiple u otros elementos con múltiples valores, puede usar el siguiente enfoque:

var object = {};
formData.forEach((value, key) => {
    if(!Reflect.has(object, key)){
        object[key] = value;
        return;
    }
    if(!Array.isArray(object[key])){
        object[key] = [object[key]];    
    }
    object[key].push(value);
});

enviando formes a un servidor:

Si tiene la intención de enviar los datos de formulario a un servidor, puede omitir la conversión a JSON y enviar directamente el objeto FormData usando un XMLHTTTPREQUET o Fetch API Solicitar.

Precaución:

El método json.stringify () puede no admitir todos los tipos de objetos. Si su objeto contiene tipos no compatibles, es posible que deba implementar un método personalizado ToJson () para especificar la lógica de serialización.