Como fazer um botão redirecionar para outra página usando jQuery ou apenas javascript

StackOverflow https://stackoverflow.com/questions/2238368

Pergunta

Estou fazendo um protótipo e quero que o botão de pesquisa vincule a uma página de resultados de pesquisa de amostra.

Como faço para fazer um botão redirecionar para outra página quando ele é clicado usando o jQuery.

Foi útil?

Solução

Sem script:

<form action="where-you-want-to-go"><input type="submit"></form>

Melhor ainda, como você está indo a algum lugar, apresente ao usuário a interface padrão para "apenas indo a algum lugar":

<a href="where-you-want-to-go">ta da</a>

Embora o contexto pareça "simular uma pesquisa normal em que o usuário envie um formulário", nesse caso, a primeira opção é o caminho a seguir.

Outras dicas

É isto que você quer dizer?

$('button selector').click(function(){
   window.location.href='the_link_to_go_to.html';
})

$('#someButton').click(function() {
    window.location.href = '/some/new/page';
    return false;
});

Com JavaScript simples:

<input type="button" onclick="window.location = 'path-here';">

No seu HTML, você pode adicionar um atributo de dados ao seu botão:

<button type="submit" class="mybtn" data-target="/search.html">Search</button>

Então você pode usar o jQuery para alterar o URL:

$('.mybtn').on('click', function(event) {
    event.preventDefault(); 
    var url = $(this).data('target');
    location.replace(url);
});

Espero que isto ajude

Você pode usar:

  location.href = "newpage.html"

No evento OnClick do botão.

Isso deve funcionar ..

$('#buttonID').click(function(){ window.location = 'new url'});

Não há necessidade de JavaScript, basta embrulhá -lo em um link

<a href="http://www.google.com"><button type="button">button</button></a>

Você pode usar o window.Location 

window.location="/newpage.php";

Ou você pode simplesmente fazer o formulário em que o botão de pesquisa está em ação da página desejada.

Você pode usar este código JavaScript simples para criar o botão de pesquisa para vincular a uma página de resultados de pesquisa de amostra. Aqui eu redirecionei para '/procurar' da minha página inicial, se você deseja pesquisar no mecanismo de pesquisa do Google, pode usar "https://www.google.com/search" na ação da forma.

<form action="/search"> Enter your search text: 
<input type="text" id="searchtext" name="q"> &nbsp;
<input onclick="myFunction()" type="submit" value="Search It" />
</form> 
<script> function myFunction() 
{ 
var search = document.getElementById("searchtext").value; 
window.location = '/search?q='+search; 
} 
</script>

E em Rails 3 com CoffeeScript usando JavaScript discreto (UJS):

adicionar à assets/javascripts/my_controller.js.coffee:

$ ->
  $('#field_name').click ->
    window.location.href = 'new_url'

que diz onclick evento para um objeto DOM cujo id é field_name que executa o javascript window.location.href='new_url';

Há muitas perguntas aqui sobre o redirecionamento do lado do cliente, e eu não posso falar na maioria deles ... esta é uma exceção.

O redirecionamento não deve vir do cliente ... ele deve vir do servidor. Se você não tiver controle sobre o servidor, certamente pode usar o JavaScript para escolher outro URL para ir, mas ... isso não é redirecionamento. O redirecionamento é feito com 300 códigos de status no servidor ou subindo a metatag no HTML.

Esta é a maneira de fazer isso, Owens funciona Mas não é HTML legal, tecnicamente essa resposta não é jQuery (mas como o jQuery é um pseudocódigo pré -preparado - reinterpretado na plataforma do cliente como javascript nativo - realmente lá realmente é Não existe jQuery de qualquer maneira)

 <button onclick="window.location.href='http://www.google.com';">Google</button>

Use um link e estilize -o como um botão:

<a href="#page2" class="ui-btn ui-shadow ui-corner-all">Click this button</a>

Do código YT 2012.

<button href="/signin" onclick=";window.location.href=this.getAttribute('href');return false;">Sign In</button>

Licenciado em: CC-BY-SA com atribuição
Não afiliado a StackOverflow
scroll top