How to get form data as a object in jquery [duplicate]

by

Have you tried “serializeArray”? That gives you an array of names and values. You could turn that into an object if you wanted to:

var paramObj = {};
$.each($('#myForm').serializeArray(), function(_, kv) {
  paramObj[kv.name] = kv.value;
});

(I’ll have to check again to see what jQuery does with arrays; I think it encodes them as Javascript array values, but I’m not 100% sure.)

edit ah no, it doesn’t set up multi-valued parameters as arrays – you get repeats of the same name. Thus, the make-an-object code should look like this:

var paramObj = {};
$.each($('#myForm').serializeArray(), function(_, kv) {
  if (paramObj.hasOwnProperty(kv.name)) {
    paramObj[kv.name] = $.makeArray(paramObj[kv.name]);
    paramObj[kv.name].push(kv.value);
  }
  else {
    paramObj[kv.name] = kv.value;
  }
});

(or something like that; could probably be squeezed a little.)

More Related Contents:

  1. .val() don't edit input
  2. I want to make first option in dropdown to display as a placeholder
  3. How to have html popup appear over main html page?
  4. jquery get id of input selected text
  5. How to debug JavaScript / jQuery event bindings with Firebug or similar tools?
  6. Asynchronously load images with jQuery
  7. how to parse a “dd/mm/yyyy” or “dd-mm-yyyy” or “dd-mmm-yyyy” formatted date string using JavaScript or jQuery [duplicate]
  8. How to replace remapColums with remapColumnsByName in free jqgrid
  9. What is the dollar sign in Javascript, if not jQuery
  10. How to convert HTML to JSON using PHP?
  11. How to keep cascade dropdownlist selected items after form submit?
  12. How to check if input date is equal to today’s date?
  13. Keep input value after refresh page
  14. How to get text node after element?
  15. How to disable Paste (Ctrl+V) with jQuery?
  16. Using jQuery to know when @font-face fonts are loaded?
  17. Get mouse position within div? [duplicate]
  18. jQuery Event Handler created in loop
  19. How to detect URL changes with jQuery
  20. How do I fire an event when a iframe has finished loading in jQuery?
  21. Download attribute not working in Firefox
  22. Catch scrolling event on overflow:hidden element
  23. How to delay execution in between the following in my javascript
  24. Use PHP code in external Javascript file
  25. Converting string array to Name/Value object in javascript
  26. Automatically resize jQuery UI dialog to the width of the content loaded by ajax
  27. Alternative to eval() javascript [duplicate]
  28. Downloading file from ajax result using blob
  29. How do I detect IE 8 with jQuery?
  30. Create a table in SVG

Leave a Comment