Bem, tenho a página de pesquisa no meu site, e quando o formulário inicial pesquisa, você digita "stack overflow" como pesquisa, e na url fica stack+overflow em vez de stack%20overflow. Tem como interpretar "+" como "espaço" e + %2B como "+" utilizando javascript?
1 Resposta
Você pode usar window.location
combinado com encodeURIComponent
Exemplo com 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>
Exemplo com alert
(para poder visualizar o resultado):
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 que
encodeURI
é diferente deencodeURIComponent
-
Não tem como usar o window.location, pois tenho um script de mudança do action do form para trocar o destino da pesquisa.– user18359Commented 8/12/2014 às 0:27
-
Então se existe alguma "dependência" em seu código você deveria ter adicionado o código inteiro na questão, pois se não a questão perde o foco, já que você não especificou isto. Edite a sua questão e adicione o código inteiro. Grato– Syzoth ♦Commented 8/12/2014 às 0:29
-
Mas tem como na pagina de pesquisa converter "+" em espaço? Segue o exemplo do google: google.com/search?q=stack+overflow . Ele converte o + em espaço.– user18359Commented 8/12/2014 às 0:30
-
Mas quando se encodifica +, ele vira %2b, não %20, equivalente ao espaço.– user18359Commented 8/12/2014 às 0:42
-
com
encodeURI
sim+
é um espaço, comencodeURIComponent
, o+
é considerado sinal de mais mesmo. Tente usar o exemplo que postei em um novo html sem o seu código. Leia a documentação: developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/… e developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/… para entender as diferenças– Syzoth ♦Commented 8/12/2014 às 0:48
+
de volta para espaços?//exemplo de url: "www.seudominio.com.br/busca.php?stack+overflow"; var parametroDeBusca = location.search.substring(1); parametroDeBusca.replace('+', ' ');
funcione