Removing %20 from URL parameters

Question

I know you need to use some variant of decodeURIComponent() to do something like this, but since I'm still fairly new to coding and using some code I found on the net for my purposes, I'm not sure how to go about changing it to suit my needs.

What I have is a function that gets each URL parameter I need out of the URL (of which there are many). I have to use these variables for other functions as parameters and also to display on the page, and I can't get the %20's to disappear.

function getUrlVars() {
            var vars = {};
            parts = window.location.href.replace(/[?&]+([^=&]+)=([^&]*)/gi, function(m,key,value) {
            vars[key] = value;
            });
            return vars;
        }

Where I get each variable using:

var markname = getUrlVars()["mname"];

I've tried to put decodeURIComponent() in different places in that function, but I can't seem to get it to work. I'm also not sure if it needs to use value or vars.

value = decodeURIComponent(value);

Or something like that...

Any help would be appreciated! Thanks!

What is an example value that is wrong (that you want decoded)? — Explosion Pills, Feb 27 '13 at 00:44
`decodeURIComponent()` is what you are looking for. Can you provide an example of what exactly went wrong? — corylulu, Feb 27 '13 at 00:46
My URL looks something like this: `?mapid=1h2pwR4ULN3GHAENYtww-gINXMgvxAaHBu5waliI&mapname=test&jnumber=1234&updated=01/01/01&marker=3&mname=Driver%20Reviver%20Locations` So something like Driver Reviver Locations would need to be displayed on screen, and is appearing as Driver%20Reviver%20Locations. In some cases as well, these variables need to be plugged in to functions, and I'm worried if I don't curb all the %anything that eventually it'll screw up on itself. — Matthew Paxman, Feb 27 '13 at 00:55
You might want to have a look at [this answer](http://stackoverflow.com/a/2880929/1048572) for a 100% working solution (or the whole question for an overview) — Bergi, Feb 27 '13 at 00:57
Does this answer your question? [How can I get query string values in JavaScript?](https://stackoverflow.com/questions/901115/how-can-i-get-query-string-values-in-javascript) — Heretic Monkey, Jul 18 '21 at 21:42

score 6 · Accepted Answer · answered Feb 27 '13 at 01:02

6

decodeURIComponent as you posted should work fine. You might as well replace plus signs with spaces, and don't forget to decode the key as well:

function getUrlVars() {
    var url = window.location.href,
        vars = {};
    url.replace(/[?&]+([^=&]+)=([^&]*)/gi, function(m, key, value) {
         key = decodeURIComponent(key);
         value = decodeURIComponent(value);
         vars[key] = value;
    });
    return vars;
}

answered Feb 27 '13 at 01:02

Bergi

630,263
148
957
1,375

Oh wow, thanks so much. I didn't realize I needed to do both. Is there a reason why both key and value need to be decoded? – Matthew Paxman Feb 27 '13 at 01:05
I can't say it happens often, but of course keys could contain encoded characters. – Bergi Feb 27 '13 at 01:26

score 1 · Answer 2 · answered Jul 25 '18 at 09:45

1

when you pass the url use str_replace(" ","-",$name) and decode it by str_replace("-"," ",$p->property_name)

it will remove space and add - in the url

answered Jul 25 '18 at 09:45

Rahul Tathod

348
5
12

score 0 · Answer 3 · answered Jul 18 '21 at 21:36

0

simply do this ("your string here").replaceAll(" ", "-")

answered Jul 18 '21 at 21:36

Daniel

61
2

Removing %20 from URL parameters

3 Answers3