JavaScript: implementare il metodo serializeArray() di jQuery

JavaScript: implementare il metodo serializeArray() di jQuery

Questo metodo di jQuery restituisce un array di oggetti contenenti il nome dei campi dei form e il loro valore. Possiamo implementare la stessa soluzione in puro JavaScript.

La soluzione รจ la seguente:


'use strict';

const serializeArray = form => {
    const data = [];
    if(form === null || !form) {
        return data;
    }
    form.querySelectorAll('input,select,textarea').forEach(element => {
        if(element.hasAttribute('name')) {
            let name = element.getAttribute('name');
            let value = element.value;
            data.push({ name, value });
        }
    });
    return data;
};

Torna su