How to serialize an Object into a list of URL query parameters?

by

One line with no dependencies:

new URLSearchParams(obj).toString();
// OUT: param1=something&param2=somethingelse&param3=another&param4=yetanother

Use it with the URL builtin like so:

let obj = { param1: 'something', param2: 'somethingelse', param3: 'another' }
obj['param4'] = 'yetanother';
const url = new URL(`your_url.com`);
url.search = new URLSearchParams(obj);
const response = await fetch(url);

[Edit April 4, 2020]: null values will be interpreted as the string 'null'.

[Edit Mar 9, 2022]: browser compatibility

More Related Contents:

  1. http request has been block from https
  2. Capture HTML Canvas as gif/jpg/png/pdf?
  3. Adjust width and height of iframe to fit with content in it
  4. onKeyPress Vs. onKeyUp and onKeyDown
  5. Get hours difference between two dates in Moment Js
  6. How to get numeric value from a prompt box? [duplicate]
  7. How to deal with floating point number precision in JavaScript?
  8. How to prevent caching of my Javascript file? [duplicate]
  9. Dynamic template URLs in Angular 2
  10. How can I get the content of the file specified as the ‘src’ of a tag?
  11. Iterate over Object Literal Values
  12. How do I find out with jQuery if an element is being animated?
  13. AngularJs – cancel route change event
  14. How to disable the back button in the browser using JavaScript [duplicate]
  15. Why is null in JavaScript bigger than -1, less than 1, but not equal (==) to 0? What is it exactly then?
  16. addEventListener on a querySelectorAll() with classList [duplicate]
  17. Get element by part of Name or ID
  18. How can I benchmark JavaScript code? [closed]
  19. Is there some innerHTML replacement in SVG/XML?
  20. application that uses OAuth and javascript [closed]
  21. Angularjs: ‘controller as syntax’ and $watch
  22. How to download the current page as a file / attachment using Javascript?
  23. Dark mode flickers a white background for a millisecond on reload
  24. How to save canvas animation as gif or webm?
  25. Keep only first n characters in a string?
  26. When does async function actually return a pending promise?
  27. How do you detect memory limits in JavaScript?
  28. Check if a file exists locally using JavaScript only
  29. Chrome extension identity.email empty
  30. Display Spreadsheet Data to HTML Table

Leave a Comment