How to remove URL encoding in my querystring using Javascript

Question

I have search textbox. When the user enters some text my querystring shows the text with ASCII characters like %20 and %3F. I want to show this text in one of my textboxes without any ASCII codes like normal HTML text. How can I do this in Javascript?

That's normal URL-encoding, it's required for any special characters in a URL query string. The server will automatically decode it. — Barmar
– Barmar, Commented Jun 13, 2014 at 13:04
I am showing of that value in textbox which is encoded. I need to decode it in the textbox. — Suresh Ponnukalai
– Suresh Ponnukalai, Commented Jun 13, 2014 at 13:05

Rory McCrossan · Accepted Answer · 2018-11-27 08:33:46Z

33

Use decodeURIComponent():

var querystring = "?foo=bar%20baz";
console.log(decodeURIComponent(querystring));

decodeURIComponent MDN reference

edited Nov 27, 2018 at 8:33

answered Jun 13, 2014 at 13:04

Rory McCrossan

338k41 gold badges321 silver badges353 bronze badges

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

Comments

FreeSoftwareServers · Accepted Answer · 2023-07-20 21:56:53Z

1

You can also use URLSearchParams along with decodeURIComponent.

Personally I prefer URLSearchParams.

From my testing, decodeURIComponent literally just strips/replaces the URI encodes, but URLSearchParams only returns the values of specific querystrings and allows methods to get specific key/value pairs like below.

Example:

var querystring = "?foo=bar%20baz";
var decoded = decodeURIComponent(querystring)
console.log('decoded:');
console.log(decoded)
var urlParams = new URLSearchParams(querystring);
var foo = urlParams.get('foo');
console.log('foo:');
console.log(foo)

answered Jul 20, 2023 at 21:56

FreeSoftwareServers

2,8916 gold badges43 silver badges79 bronze badges

1 Comment

Rory McCrossan Over a year ago

This is the better approach now that URLSearchParams has widespread support. I don't think it was even proposed when the question was originally asked :)

Collectives™ on Stack Overflow

How to remove URL encoding in my querystring using Javascript

2 Answers 2

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related