Convertir des données de forme en objet JavaScript avec jQuery

Mots clés : javascriptjqueryjsonserializationjavascript

meilleur 5 Réponses Convertir des données de forme en objet JavaScript avec jQuery

vote vote

95

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

88

<!-- All of these will work! --> <input name="honey[badger]" value="a"> <input name="wombat[]" value="b"> <input name="hello[panda][]" value="c"> <input name="animals[0][name]" value="d"> <input name="animals[0][breed]" value="e"> <input name="crazy[1][][wonky]" value="f"> <input name="dream[as][vividly][as][you][can]" value="g"> 
// Output {   "honey":{     "badger":"a"   },   "wombat":["b"],   "hello":{     "panda":["c"]   },   "animals":[     {       "name":"d",       "breed":"e"     }   ],   "crazy":[     null,     [       {"wonky":"f"}     ]   ],   "dream":{     "as":{       "vividly":{         "as":{           "you":{             "can":"g"           }         }       }     }   } } 
$('#my-form').serializeObject(); 
(function($){     $.fn.serializeObject = function(){          var self = this,             json = {},             push_counters = {},             patterns = {                 "validate": /^[a-zA-Z][a-zA-Z0-9_]*(?:\[(?:\d*|[a-zA-Z0-9_]+)\])*$/,                 "key":      /[a-zA-Z0-9_]+|(?=\[\])/g,                 "push":     /^$/,                 "fixed":    /^\d+$/,                 "named":    /^[a-zA-Z0-9_]+$/             };           this.build = function(base, key, value){             base[key] = value;             return base;         };          this.push_counter = function(key){             if(push_counters[key] === undefined){                 push_counters[key] = 0;             }             return push_counters[key]++;         };          $.each($(this).serializeArray(), function(){              // Skip invalid keys             if(!patterns.validate.test(this.name)){                 return;             }              var k,                 keys = this.name.match(patterns.key),                 merge = this.value,                 reverse_key = this.name;              while((k = keys.pop()) !== undefined){                  // Adjust reverse_key                 reverse_key = reverse_key.replace(new RegExp("\\[" + k + "\\]$"), '');                  // Push                 if(k.match(patterns.push)){                     merge = self.build([], self.push_counter(reverse_key), merge);                 }                  // Fixed                 else if(k.match(patterns.fixed)){                     merge = self.build([], k, merge);                 }                  // Named                 else if(k.match(patterns.named)){                     merge = self.build({}, k, merge);                 }             }              json = $.extend(true, json, merge);         });          return json;     }; })(jQuery); 
vote vote

75

var data = {}; $(".form-selector").serializeArray().map(function(x){data[x.name] = x.value;});  
vote vote

66

jQuery.fn.serializeObject = function() {   var arrayData, objectData;   arrayData = this.serializeArray();   objectData = {};    $.each(arrayData, function() {     var value;      if (this.value != null) {       value = this.value;     } else {       value = '';     }      if (objectData[this.name] != null) {       if (!objectData[this.name].push) {         objectData[this.name] = [objectData[this.name]];       }        objectData[this.name].push(value);     } else {       objectData[this.name] = value;     }   });    return objectData; }; 
jQuery.fn.serializeObject = ->   arrayData = @serializeArray()   objectData = {}    $.each arrayData, ->     if @value?       value = @value     else       value = ''      if objectData[@name]?       unless objectData[@name].push         objectData[@name] = [objectData[@name]]        objectData[@name].push value     else       objectData[@name] = value    return objectData 
vote vote

59

$('#formid').serializeArray()     .reduce(function(a, x) { a[x.name] = x.value; return a; }, {}); 

Questions similaires