Come fare in modo che un pulsante reindirizzi a un'altra pagina usando jQuery o solo Javascript

Sto realizzando un prototipo e desidero che il pulsante di ricerca si colleghi a una pagina dei risultati di ricerca di esempio.

Come faccio a reindirizzare un pulsante a un'altra pagina quando viene cliccato usando jQuery o JS normale.

Senza script:

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

Meglio ancora, dato che stai andando da qualche parte, presenta all'utente l'interfaccia standard per "andare da qualche parte":

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

Anche se il contesto suona come "Simula una normale ricerca in cui l'utente invia un modulo", nel qual caso la prima opzione è la strada da percorrere.

è ciò che intendi?

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

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

Nel tuo html, puoi aggiungere l'attributo di dati al tuo pulsante:

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

Quindi puoi usare jQuery per cambiare l'URL:

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

Spero che questo ti aiuti

Con un semplice Javascript:

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

Puoi usare:

  location.href = "newpage.html"

nell'evento onclick del pulsante.

Non c'è bisogno di javascript, basta racchiuderlo in un link

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

Questo dovrebbe funzionare ..

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

Puoi usare window.location

window.location="/newpage.php";

Oppure puoi semplicemente fare in modo che il modulo in cui si trova il pulsante di ricerca abbia un'azione della pagina che desideri.

Puoi utilizzare questo semplice codice JavaScript per fare in modo che il pulsante di ricerca rimandi a una pagina dei risultati di ricerca di esempio. Qui sono stato reindirizzato a "/ search" della mia home page. Se desideri eseguire la ricerca dal motore di ricerca di Google, puoi utilizzare " https://www.google.com/search " nell'azione del modulo.

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

Dal codice YT 2012.

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

questo è il modo PIÙ VELOCE (più leggibile, meno complicato) per farlo, Owens funziona ma non è HTML legale, tecnicamente questa risposta non è jQuery (ma poiché jQuery è uno pseudocodice pre-preparato - reinterpretato sulla piattaforma client come JavaScript nativo - c'è davvero è una cosa come jQuery comunque)

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

E in Rails 3 con CoffeeScript utilizzando JavaScript (UJS) non invadente:

Aggiungi a assets/javascripts/my_controller.js.coffee:

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

che legge: quando l'evento document.ready è stato attivato, aggiungi un onclickevento a un oggetto DOM il cui ID è field_nameche esegue il javascriptwindow.location.href='new_url';

Ci sono molte domande qui sul reindirizzamento lato client e non posso rispondere alla maggior parte di esse ... questa è un'eccezione.

Il reindirizzamento non dovrebbe provenire dal client ... dovrebbe provenire dal server. Se non hai il controllo sul server, puoi certamente usare Javascript per scegliere un altro URL a cui andare, ma ... quello non è il reindirizzamento. Il reindirizzamento viene eseguito con 300 codici di stato sul server o applicando il tag META in HTML.

Usa un link e definiscilo come un pulsante:

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