Comment faire un bouton rediriger vers une autre page en utilisant jQuery ou juste Javascript

Je suis en train de créer un prototype et je souhaite que le bouton de recherche renvoie à un exemple de page de résultats de recherche.

Comment faire pour rediriger un bouton vers une autre page lorsque l'utilisateur clique dessus en utilisant jQuery ou JS ordinaire.

Sans script:

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

Mieux encore, puisque vous allez juste quelque part, présentez à l'utilisateur l'interface standard pour "aller quelque part":

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

Cependant, le contexte ressemble à "Simuler une recherche normale où l'utilisateur soumet un formulaire", auquel cas la première option est la voie à suivre.

c'est ce que tu veux 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;
});

Dans votre html, vous pouvez ajouter un attribut de données à votre bouton:

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

Ensuite, vous pouvez utiliser jQuery pour modifier l'url:

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

J'espère que cela t'aides

Avec Javascript simple:

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

Vous pouvez utiliser:

  location.href = "newpage.html"

dans l'événement onclick du bouton.

Pas besoin de javascript, enveloppez-le simplement dans un lien

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

Cela devrait fonctionner.

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

Vous pouvez utiliser window.location

window.location="/newpage.php";

Ou vous pouvez simplement faire en sorte que le formulaire dans lequel se trouve le bouton de recherche ait une action sur la page souhaitée.

Vous pouvez utiliser ce code JavaScript simple pour créer un lien vers un exemple de page de résultats de recherche. Ici, j'ai redirigé vers '/ search' de ma page d'accueil, si vous souhaitez effectuer une recherche à partir du moteur de recherche Google, vous pouvez utiliser " https://www.google.com/search " dans l'action de formulaire.

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

À partir du code YT 2012.

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

c'est la façon la plus rapide (la plus lisible, la moins compliquée) de le faire, Owens fonctionne mais ce n'est pas du HTML légal, techniquement cette réponse n'est pas jQuery (mais puisque jQuery est un pseudocode pré-préparé - réinterprété sur la plate-forme client en JavaScript natif - il vraiment est pas une telle chose comme jQuery de toute façon)

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

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 lit: lorsque l'événement document.ready s'est déclenché, ajoutez un onclickévénement à un objet DOM dont l'ID est field_namequi exécute le javascriptwindow.location.href='new_url';

Il y a beaucoup de questions ici sur la redirection côté client, et je ne peux pas en parler à la plupart d'entre elles… celle-ci est une exception.

La redirection n'est pas censée venir du client… elle est censée provenir du serveur. Si vous n'avez aucun contrôle sur le serveur, vous pouvez certainement utiliser Javascript pour choisir une autre URL vers laquelle aller, mais… ce n'est pas une redirection. La redirection se fait avec 300 codes d'état sur le serveur, ou en tapant la balise META en HTML.

Utilisez un lien et stylisez-le comme un bouton:

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