exhtml
9/28/2017 - 9:09 AM

Serialize form to object / JSON

  • Serialize form data to array/object [ serialize / serializeArray / serializeObject ]

** form serialize/serializeArray/serializeObject ** https://stackoverflow.com/questions/17488660/difference-between-serialize-and-serializeobject-jquery https://stackoverflow.com/questions/1184624/convert-form-data-to-javascript-object-with-jquery https://stackoverflow.com/questions/11338774/serialize-form-data-to-json

serialize-form-to-object.js
content_copyfile_download

// Método no nativo de jquery, hay que agregarlo
$.fn.serializeObject = function(){
   var o = {};
   var a = this.serializeArray();
   $.each(a, function() {
       if (o[this.name]) {
           if (!o[this.name].push) {
               o[this.name] = [o[this.name]];
           }
           o[this.name].push(this.value || '');
       } else {
           o[this.name] = this.value || '';
       }
   });
   return o;
};


var formData;

//formData = $('#js-generateReportForm').serialize(); //STRING
//formData = $('#js-generateReportForm').serializeArray(); //ARRAY
formData = $('#js-generateReportForm').serializeObject(); //OBJETO
console.log(JSON.stringify(formData)); //OBJETO SERIALIZADO A JSON