Comment convertir facilement les données d'un formulaire en un objet JavaScript à l'aide de jQuery ?

Comment convertir les données d'un formulaire en un objet JavaScript avec jQuery

Pour plus de commodité, vous souhaiterez peut-être créer automatiquement un objet JavaScript à partir de votre formulaire sans boucler sur chaque élément. L'utilisation de la méthode SerializeArray de jQuery fournit une solution efficace mais nécessite un certain traitement pour obtenir le format d'objet souhaité.

Solution :

La méthode SerializeArray renvoie un tableau d'objets représentant chaque formulaire. élément. Pour le convertir en objet, utilisez la fonction suivante :

function objectifyForm(formArray) {
    var returnArray = {};
    for (var i = 0; i < formArray.length; i++) {
        returnArray[formArray[i]['name']] = formArray[i]['value'];
    }
    return returnArray;
}

Par exemple, étant donné les éléments du formulaire :

<input type="text" name="name" value="John">
<input type="email" name="email" value="john@example.com">

Le code produira l'objet :

{
    name: "John",
    email: "john@example.com"
}

Remarque : Faites attention aux champs masqués portant le même nom que les entrées réelles, car ils peuvent écraser les valeurs dans le objet.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!