Comment faire un bouton de redirection vers une autre page en utilisant jQuery ou tout simplement Javascript

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

Question

Je fais un prototype et je veux que le bouton de recherche pour créer un lien vers une page de résultats de recherche de l'échantillon.

Comment puis-je faire un bouton de redirection vers une autre page lorsque vous cliquez dessus en utilisant jQuery.

Était-ce utile?

La solution

Sans script: 

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

Mieux encore, puisque vous allez juste quelque part, présenter à l'utilisateur avec l'interface standard pour « juste aller quelque part »: 

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

Bien que le contexte sonne comme « Simuler une recherche normale où l'utilisateur soumet un formulaire », auquel cas la première option est la voie à suivre.

Autres conseils

est-ce que vous voulez dire? 

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

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

Avec JavaScript simple: 

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

Dans votre code html, vous pouvez ajouter des attributs à la votre bouton: 

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

Ensuite, vous pouvez utiliser jQuery pour changer l'URL: 

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

Hope this helps

Vous pouvez utiliser: 

  location.href = "newpage.html"

dans l'événement onclick du bouton.

Cela devrait fonctionner .. 

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

Pas besoin de javascript, juste envelopper dans un lien 

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

Vous pouvez utiliser window.location 

window.location="/newpage.php";

Ou vous pouvez simplement faire de la forme que le bouton de recherche est en une action de la page que vous voulez.

Vous pouvez utiliser ce simple code JavaScript pour faire bouton de recherche pour créer un lien vers un exemple de page de résultats de recherche. Ici, je suis redirigé vers '/ recherche' de ma page d'accueil, si vous voulez la recherche du moteur de recherche Google, vous pouvez utiliser " https://www.google.com/search " dans l'action de la forme. 

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

Et dans Rails 3 avec CoffeeScript en utilisant JavaScript discret (UJS):

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

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

qui se lit: lorsque l'événement document.ready a tiré, ajouter un événement onclick à un objet DOM dont l'ID est field_name qui exécute le window.location.href='new_url'; javascript

Il y a beaucoup de questions ici sur redirect côté client, et je ne peux pas débiter sur la plupart d'entre eux ... celui-ci est une exception.

Redirection n'est pas censé venir du client ... il est censé provenir du serveur. Si vous avez aucun contrôle sur le serveur, vous pouvez certainement utiliser Javascript pour choisir une autre URL pour aller, mais ... ce n'est pas la redirection. Redirection est fait avec 300 codes d'état au niveau du serveur, ou en pliant le balise META en HTML.

est la façon de le faire, Owens fonctionne mais pas HTML juridique, techniquement cette réponse n'est pas jQuery (mais comme jQuery est une pré-préparée pseudocode - réinterprété sur la plate-forme client comme native JavaScript - il vraiment est pas une telle chose comme jQuery de toute façon) 

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

Utilisez un lien et le style comme un bouton: 

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

De YT Code 2012.

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

Licencié sous: CC-BY-SA avec attribution
Non affilié à StackOverflow
scroll top