2

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?

4
  • Você já tem a resposta, basta usar a função encodeURIComponent(); na ação de submit do seu form; jsfiddle.net/Wagner/xaheddrr
    – waghcwb
    Commented 8/12/2014 às 10:24
  • Confirmando se entendi: você quer ler o valor da URL e converter os + de volta para espaços?
    – bfavaretto
    Commented 8/12/2014 às 13:25
  • 1
    É estranho o resultado que você quer obter, mas, acredito que utilizando algo como : //exemplo de url: "www.seudominio.com.br/busca.php?stack+overflow"; var parametroDeBusca = location.search.substring(1); parametroDeBusca.replace('+', ' '); funcione Commented 8/12/2014 às 13:59
  • 1
    Se o que ele quer é na hora da "leitura" , então o problema não é uma questão de javascript, mas sim de server-side (resposta do servidor). Gustavo por favor reformule a questão para podermos ter certeza qual a sua necessidade.
    – Syzoth
    Commented 8/12/2014 às 14:04

1 Resposta 1

1

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 de encodeURIComponent

10
  • 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.
    – user18359
    Commented 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.
    – user18359
    Commented 8/12/2014 às 0:30
  • Mas quando se encodifica +, ele vira %2b, não %20, equivalente ao espaço.
    – user18359
    Commented 8/12/2014 às 0:42
  • com encodeURI sim + é um espaço, com encodeURIComponent, 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

Você deve fazer log-in para responder a esta pergunta.