Convertir html5 formdata en json: un guide étape par étape

Problème: convertiser les entrées d'un objet Formdata vers JSON sans jquery ou sérialisation objet.

Réponse:

Pour convertir les entrées d'un objet formdata en json, suivez ces étapes:

1. foreach.
2. Pour chaque entrée, définissez la touche de l'objet vide sur le nom de l'entrée et la valeur en sa valeur. formData.ForEach (fonction (valeur, clé) { objet [key] = valeur; }); var json = json.stringify (objet);
Exemple Utilisation des fonctions Arrow Es6:

var objet = {}; formData.ForEach ((valeur, key) => objet [key] = valeur); var json = json.stringify (objet);

Prise en charge des listes multi-sélectionnées:

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

Si votre formulaire contient des listes multi-sélectionnées ou d'autres éléments avec plusieurs valeurs = {}; formData.ForEach ((valeur, key) => { if (! Reflect.has (objet, clé)) { objet [key] = valeur; retour; } if (! array.isArray (objet [key])) { objet [key] = [objet [key]]; } objet [key] .push (valeur); });

Envoi FormData à un serveur:

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

ATTENTION:

La méthode json.stringify () peut ne pas prendre en charge tous les types d'objets. Si votre objet contient des types non pris en charge, vous devrez peut-être implémenter une méthode TOJSON () personnalisée pour spécifier la logique de sérialisation.