How to interpret "+" as space in the url?

Question

Well, I have the search page on my site, and when the initial search form, you type "stack overflow" as a search, and the url gets stack+overflow instead of stack%20overflow. Has to interpret "+" as "space" and + %2B as "+" using javascript?

Answer 1

You can use window.location combined with encodeURIComponent

Example with window.location:

<form id="search-form" action="" method="GET">
<input type="text" id="search-box">
<input type="submit" value="buscar">
</form>
<script>
    (function() {
        var searchForm = document.getElementById("search-form");
        var searchBox = document.getElementById("search-box");
        searchForm.onsubmit = function () {
            window.location = "busca?query=" + encodeURIComponent(searchBox.value);
            return false;//Isto previne o redirecionamento "nativo" do form
        };
    })();
</script>

Example with alert (to be able to view the result):

var searchForm = document.getElementById("search-form");
var searchBox = document.getElementById("search-box");
searchForm.onsubmit = function () {
    alert(encodeURIComponent(searchBox.value));
    return false;//Isto previne o redirecionamento "nativo" do form
};

<form id="search-form" action="" method="GET">
	<input type="text" value="a+b+c+d+e+f" id="search-box">
	<input type="submit" value="buscar">
</form>

Note that encodeURI is different from encodeURIComponent