How save multiple params in variable and add to in url? [duplicate]

Question

I have many parameters that I would like to save in the param variable and add it to the url.

How to save this parameter filter% 5Binprogress% 5D = true in the variable param?. I did not have problem with expand --> expand: track

In tab network return --> "https://spotify?expand=track&filter%255Binprogress%255D=true"

should be --> "https://spotify?expand=track&filter%5Binprogress%5D=true"

%255D ---> should be %5D

const param = {
    expand: track,
    'filter%5Binprogress%5D': true  //problem here
}


axios({
    url: "https://spotify?expand=track&filter%5Binprogress%5D=true",
    method: "GET",
    headers: {
        'Authorization': .....
    },
    param: param
})

expand is a valid identifier, why would it have a problem? This is a very basic JS error, unrelated to React, Axios or even HTTP: invalid identifiers need quoting as object property names. — jonrsharpe
– jonrsharpe, Commented Jun 25, 2019 at 7:41
No, it's not, that's why you're getting an error. See e.g. stackoverflow.com/q/4348478/3001761 for explanation. — jonrsharpe
– jonrsharpe, Commented Jun 25, 2019 at 7:46
I guess stackoverflow.com/questions/4348478/… is the correct one. I can't find a question specifically for "what are valid property names". There is this question which is close but still a dupe to the previous one. — VLAZ
– VLAZ, Commented Jun 25, 2019 at 7:51

jonrsharpe · Accepted Answer · 2019-06-25 07:49:30Z

0

It's because you have a special character in object property.

Try using quotation (single or double)

const param = {
    expand: track,
    "filter%5Binprogress%5D": true
}


axios({
    url: "https://spotify?expand=track&filter%5Binprogress%5D=true",
    method: "GET",
    headers: {
        'Authorization': .....
    },
    param: param
})

edited Jun 25, 2019 at 7:49

jonrsharpe

123k31 gold badges277 silver badges488 bronze badges

answered Jun 25, 2019 at 7:48

Ivan Gonzalez

362 bronze badges

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

Comments

Charlie · Accepted Answer · 2019-06-25 07:53:38Z

-2

Either use quotes or use the bracket notation.

const param = {
    expand: track
}

param['filter%5Binprogress%5D'] = true;

Or using quotes:

const param = {
        expand: track,
        "filter%5Binprogress%5D": true 

    }

edited Jun 25, 2019 at 7:53

answered Jun 25, 2019 at 7:48

Charlie

24k12 gold badges65 silver badges96 bronze badges

2 Comments

VLAZ Over a year ago

{ 'filter%5Binprogress%5D': true } is a valid object literal.

Charlie Over a year ago

Yes - edited the answer

Collectives™ on Stack Overflow

How save multiple params in variable and add to in url? [duplicate]

2 Answers 2

Comments

2 Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

2 Comments

Linked

Related