How to replace spaces in url with + instead of '%20'?

Question

I am trying to convert my parameters into a string in order to send an api request. However, my current function replaces the spaces in the parameters into '%20'. How do I change it to change spaces into +?

Example params: {name: "joe walsh"}

Current result: ...endpoint?name=joe%20walsh

Wanted result: ...endpoint?name=joe+walsh

Here's my current function

stringifyParams(params: any) {
  return queryString
    .stringify(params)
    .replace(/[^?=&]+=(&|$)/g, '')
    .replace(/&$/, '')
}

Just out of interest, why would you prefer to use a plus symbol instead of the encoded value for a space? I think that the plus sign should also be encoded - eso.org/~ndelmott/url_encode.html. There are some javascript functions that handle this. encodeUriComponent and decodeURIComponent. Look at developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/… — Zach Smith
– Zach Smith, Commented Jan 31, 2021 at 4:22
... return encodeUriCompinent(params.stringify()). And then to get the original values on the server just use the decode function. — Zach Smith
– Zach Smith, Commented Jan 31, 2021 at 4:27
@Zach Smith: The plus sign also represents a space, but only in certain encodings, so I can't think of a good reason for this other than readability. — BoltClock
– BoltClock, Commented Jan 31, 2021 at 4:37
stackoverflow.com/a/2678602/3114742. Interesting. I didn't know that. Thanks. — Zach Smith
– Zach Smith, Commented Jan 31, 2021 at 13:00

0xLogN · Accepted Answer · 2021-01-31 04:09:53Z

1

You can use Regex to replace %20 with +.

Append this to the function:

.replace(/%20/g, '+');

answered Jan 31, 2021 at 4:09

0xLogN

3,8831 gold badge20 silver badges40 bronze badges

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

Comments

Gurami Nikolaishvili · Accepted Answer · 2021-01-31 05:00:31Z

1

Firs you should decode your url with decodeURIComponent and then replace space with plus symbol

Try this peace of code and please let me know if that was useful for you)

const param = "endpoint?name=joe walsh";

console.log(decodeURIComponent(param.replace(" ","+")));

answered Jan 31, 2021 at 5:00

Gurami Nikolaishvili

1929 bronze badges

Collectives™ on Stack Overflow

How to replace spaces in url with + instead of '%20'?

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related