Is there any function in javascript like PHP's http_build_query function?

Question

PHP's http_build_query function Generates URL-encoded query string I need the exact same functionality in javascript.

Function example:

$data = array(
    'foo' => 'bar',
    'baz' => 'boom',
    'cow' => 'milk',
    'php' => 'hypertext processor'
);

echo http_build_query($data) . "n";

Output:

foo=bar&baz=boom&cow=milk&php=hypertext+processor

I want the same output in javascript. I tried encodeURIComponent but it's solving adifferent purpose.

CertainPerformance · Accepted Answer · 2019-08-29T12:17:55.803

19

There's URLSearchParams:

const params = new URLSearchParams({
  foo: 'bar',
  baz: 'boom',
  cow: 'milk',
  php: 'hypertext processor'
});
const str = params.toString();
console.log(str);

For obsolete browsers which don't support it, you can use this polyfill.

edited Aug 29 '19 at 12:17

answered Aug 29 '19 at 12:12

CertainPerformance

356,069
52
309
320

1

But beware - it's [use not in all browsers](https://caniuse.com/#search=URLSearchParams) – Grabatui Aug 29 '19 at 12:16
5

Yeah... all but IE, Blackberry, QQ (wtf is that ?) and Baidu Brower. I think we can say everywhere. – Will Aug 29 '19 at 12:19
Maybe IE is critical for his task? :) – Grabatui Aug 29 '19 at 12:26
2

Not all of us are lucky enough to be able to drop IE support yet... – Machavity Aug 29 '19 at 12:30
@Machavity Now you can use it . . . – Ajay P. Jul 14 '22 at 06:36
1

@AjayP Not in IE - the latest release of IE was IE11, from 2013 – CertainPerformance Jul 14 '22 at 12:56
This doesn't handle nested params, either – Jim Rubenstein Sep 20 '22 at 17:16
2

Caution: http_build_query and URLSearchParams behave differently with nested arrays. – Drea58 Nov 23 '22 at 10:23

Is there any function in javascript like PHP's http_build_query function?

1 Answers1