Serialize form data to JSON [duplicate]

by

Here’s a function for this use case:

function getFormData($form){
    var unindexed_array = $form.serializeArray();
    var indexed_array = {};

    $.map(unindexed_array, function(n, i){
        indexed_array[n['name']] = n['value'];
    });

    return indexed_array;
}

Usage:

var $form = $("#form_data");
var data = getFormData($form);

More Related Contents:

  1. JavaScript console.log causes error: “Synchronous XMLHttpRequest on the main thread is deprecated…”
  2. “How” to save an entire collection in Backbone.js – Backbone.sync or jQuery.ajax?
  3. fire an event from one view to another in backbone
  4. Backbone.js Event Binding
  5. Wrap every 3 divs in a div
  6. jQuery – Get Width of Element when Not Visible (Display: None)
  7. How do I get background image size in jQuery?
  8. How to implement “confirmation” dialog in Jquery UI dialog?
  9. jQuery: count number of rows in a table
  10. jquery – return value using ajax result on success
  11. JQuery Ajax Request: Change User-Agent
  12. jQuery select all except first
  13. POST to server, receive PDF, deliver to user w/ jQuery
  14. jQuery’s .on() method combined with the submit event
  15. Twitter Bootstrap carousel vertical sliding
  16. Is there any specific reason behind using $ with variable in jQuery
  17. .delay() and .setTimeout()
  18. Datatables – Search Box outside datatable
  19. Auto-click button element on page load using jQuery
  20. JQuery: post FormData AND csrf token together
  21. How do I explicitly execute default action from jQuery event
  22. How to manually update datatables table with new JSON data
  23. jquery disable submit button on form submission
  24. jQuery draggable + droppable: how to snap dropped element to dropped-on element
  25. Performance of jQuery selector with context
  26. jQuery code doesn’t work if I’m using a local jquery.js file, why?
  27. Remove CSS “top” and “left” attributes with jQuery
  28. jQuery validator and datepicker click not validating
  29. Using jQuery’s $.ajax within an angularJS controller
  30. In-cell data bars in jqGrid – possible or not?

Leave a Comment