Angular 2/4 : encode complex object within http.get search params

Question

How can I convert an object like that

{
    param1: "value1",
    param2: "value2",
    param3: ["value31" "value32"]    
}

into a querystring like that:

param1=value1&param2=value2&param3[]=value31&param3[]=value32

to be passed along an http.get reuquest?

well, I was actually looking for a sort of native Angular API to do that, rather than a custom parsing function. Also, I have no intention of using jquery! — Marco Gagliardi
– Marco Gagliardi, Commented Jul 14, 2017 at 11:12

onetwo12 · Accepted Answer · 2017-07-14 11:47:11Z

1

I think this is something that you are looking for:

import { URLSearchParams } from '@angular/http';

let someObject = {
  param1: "value1",
  param2: "value2",
  param3: ["value31" "value32"]    
}

let queryString = new URLSearchParams();

for (const key in someObject) {
  queryString.set(key, someObject[key]);
}

queryString.toString();

You can find out more here URLSearchParams API about the different options.

edited Jul 14, 2017 at 11:47

answered Jul 14, 2017 at 11:08

onetwo12

2,4475 gold badges25 silver badges35 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Marco Gagliardi Over a year ago

In this way what I get is: param1=value1&param2=value2&param3=value31,value32 which is different from what my remote service expects...

onetwo12 Over a year ago

Then the only solution is doing your own custom parser.

Collectives™ on Stack Overflow

Angular 2/4 : encode complex object within http.get search params

1 Answer 1

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related