Serialize form

OSCC · JavaScript, Browser, String · Oct 22, 2020

Encodes a set of form elements as a query string.

  • Use the FormData constructor to convert the HTML form to FormData.
  • Use Array.from() to convert to an array, passing a map function as the second argument.
  • Use and encodeURIComponent() to encode each field's value.
  • Use Array.prototype.join() with appropriate arguments to produce an appropriate query string.
const serializeForm = form =>
  Array.from(new FormData(form), field =>'=')

Recommended snippets

  • Form to object

    JavaScript, Browser

    Encodes a set of form elements as an object.

  • Serialize cookie

    JavaScript, Browser

    Serializes a cookie name-value pair into a Set-Cookie header string.

  • Vertical offset of element

    JavaScript, Browser

    Finds the distance from a given element to the top of the document.