Replaced %20 in URL with a +

Question

I was wondering is it possible to replace the %20 to a + whenever I click the button to add the textbox value to the url.

$(function () {
    $('#btn').click(function() {
        var url = "www.urlname.com/results.html?value=";
        url += $('#textbox').val();
        window.location = url;
    });
});

Thanks

Does the text box really contain `%20`, or does it contain ordinary spaces? — Barmar, Feb 26 '15 at 16:35
Why do you want to use an old style `+` instead of the modern `%20`? It shouldn't make a different to any backend. — Quentin, Feb 26 '15 at 16:41
See also http://stackoverflow.com/questions/3794919/replace-all-spaces-in-a-string-with — Barmar, Feb 26 '15 at 16:44

score 2 · Answer 1 · answered Feb 26 '15 at 16:24

2

Yep with a regex for all occurrences $('#textbox').val().replace(/%20/g, '+');

answered Feb 26 '15 at 16:24

Jeremy Thille

26,047
12
43
63

Did it? I can't get the replace function to recognize the encoded space as a space in the string. – hofo Feb 26 '15 at 16:36

hofo · Answer 2 · 2015-02-26T16:33:01.410

2

I haven't tested it but this should work. You want to replace the spaces in the value. They're not encoded to the entity at this point.

$(function () {
    $('#btn').click(function() {
        var url = "www.urlname.com/results.html?value=";
        var textboxValue = $('#textbox').val();
        textboxValue = textboxValue.replace(/ /g, "+");
        url += textboxValue;
        window.location = url;
    });
});

edited Feb 26 '15 at 16:33

answered Feb 26 '15 at 16:27

hofo

522
1
4
16

This will replace one space with one '+'. – Jeremy Thille Feb 26 '15 at 16:28

Trey · Accepted Answer · 2015-02-26T16:29:18.523

0

Have you tried this?

$(function () {
    $('#btn').click(function() {
        var url = "www.urlname.com/results.html?value=";
        url += $('#textbox').val();
        window.location = url.replace(new RegExp(' ','g'),'+');
    });
});

edited Feb 26 '15 at 16:29

answered Feb 26 '15 at 16:24

Trey

5,480
4
23
30

Additionally the textbox string won't have the spaces encoded yet. – hofo Feb 26 '15 at 16:28
Right you are, the anwser has been updated to replace all matches, and handle spaces instead of html entities – Trey Feb 26 '15 at 16:29

score 0 · Answer 4 · answered Feb 26 '15 at 16:36

When you're creating URL parameters dynamically, you shouldn't use ad hoc substitutions to encode them. Javascript provides the encodeURIComponent function to perform all required encodings. So you should write:

url += encodeURIComponent($('#textbox').val());

Replaced %20 in URL with a +

4 Answers4