Serialize Form Data

Serialize form data to a query string or JavaScript object for easy submission.

Code

Utilities

const serializeForm = id => {
  const form = document.getElementById(id);
  if (!form) return null;
  return Object.fromEntries(new FormData(form));
};
return "Form serialization function created";

Parameters

formId(string)

Form element ID.

Browser·fetch() may be limited by CORS

More JavaScript Snippets

Clear LocalStorage

Clear all items from localStorage in the browser.

Copy to Clipboard

Copy text to the clipboard using the Clipboard API.

Delete Cookie

Delete a browser cookie by setting its expiration date to the past.

Detect Dark Mode

Check if user prefers dark mode using the prefers-color-scheme media query.

Detect Mobile Device

Check if user is on a mobile device by examining the user agent string.

Get Cookie

Get a cookie value by name from document.cookie.