Menu

gitpiper

serializeForm javascript Code Snippet in 2022

browserstringintermediate

Last Updated: 25 September 2022

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 Array.prototype.map() 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 => field.map(encodeURIComponent).join('=') ).join('&');
serializeForm(document.querySelector('#form')); // email=test%40email.com&name=Test%20Name

javascript snippet similar to serializeForm For You in September 2022

Subscribe to our Newsletter

Subscribe to get resources directly to your inbox. You won't receive any spam! ✌️

© 2022 GitPiper. All rights reserved

Rackpiper Technology Inc

Company

About UsBlogContact

Subscribe to our Newsletter

Subscribe to get resources directly to your inbox. You won't receive any spam! ✌️