jquery pour goto une url à soumettre le formulaire avec les valeurs de champ ajouté à l'url de la chaîne

Je suis assez nouveau à jquery et je pense que c'est simple mais j'ai du mal et google ne semble pas être l'aider....

Ce que j'ai est une forme de base...

<form>
First Name: < input type="text" name="firstName" id="firstName" />
Surname: < input type="text" name="surname" id="surname" />
<input type="submit" id="submit" value="submit"/>
</form>

Maintenant, quand soumettre est cliqué, je veux goto une url mais puis ajouter les froms valeurs de la chaîne de l'url (mais pas à l'aide de la form method=get) bref je veux que cela arrive

sur cliquez de soumettre goto http://myurl.com/index.html?params=firstNamevalue*surnamevalue

J'ai été le piratage sur avec jquery mais là où je suis jusqu'à est quelque chose comme cela...

< script src="http://www.google.com/jsapi" type="text/javascript">< /script>
< script type="text/javascript">
    google.load("jquery", "1.3.1");
</script>

< script type="text/javascript">

var = firstName $("#firstName").val();
var = surname $("#surname").val();


$('#submit').click(function(){
  window.location = ???;
}); 
< /script>

j'espère avoir été farily clair - je serais grandement reconnaissant de toute aide!

Andy

Exactement pourquoi ne pouvez-vous pas utiliser <form method="get"> ?

OriginalL'auteur tbwcf | 2009-10-22

  1. 11

    jQuery sérialiser peut aider dans un cas simple comme celui que vous décrivez:

    $('#form').submit(function(){
  location.href = 'index.html'+$(this).serialize();
});

    OriginalL'auteur Alex Sexton

  2. 0

    Vous l'avez droit, ou presque.

    var firstName = $("#firstName").val();
var surname = $("#surname").val();

location.href = "index.html?firstName=" + firstName + "&surname=" + surname

    Bien sûr, vous pourriez faire une fonction qui accepte une liste de paires clé/valeur dans un objet et de faire de ce générique, mais vous obtenez l'idée.

    $('#submit').click( function() { 
location.href = "";
return false;
} );
    Merci pour les réponses les gars essayé cet après-midi, et ne peut toujours pas tranquille obtenir la droite... c'est ce que j'ai var prenom = $("#firstName").val(); var nom = $("#nom").val(); $('#submit').cliquez sur(emplacement.href = "public.edition-on.net/352online/issue01.html?params=" + prenom + "*" + nom); mais il la transmet au chargement de la page plutôt que sur le clic?? Je vais continuer à essayer, mais obvo toute autre pointeurs serait appréciée... Andy

    OriginalL'auteur Stefan Kendall

  3. 0

    merci à vous deux pour votre aide sur ce...

    Je ne suis pas sûr si je faisais quelque chose de mal avec vos méthodes ou si je n'avais pas décrit ce que je devais faire assez bien...

    La solution pour moi a été ce...

    premier fichier contient un formulaire avec method="get"

    < form method="get" action="getParams.html">
First Name: < input type="text" name="firstName" id="firstName" />
Surname: < input type="text" name="surname" id="surname" />
< input type="submit" id="submit" value="submit"/>
< /form>

    il dirige pour obtenir params et que la method=get de l'url se termine par getParams.html?firstname=""&surname=""

    Puis dans le getParams.html page, c'est simplement utilisé pour la mise en forme (comme j'en ai besoin), à partir de l'url et de rediriger...

    J'ai utilisé attaché jquery suivie par ce plugin http : //projects.allmarkedup.com/jquery_url_parser/

    avec le js:

    var firstName = jQuery.url.param("firstName");
var surname = jQuery.url.param("surname");
location.href = 'http://myOnlineMag/issue01.html?params=' + firstName + '*' + surname;

    tire les valeurs que je veux former l'url comme vars puis l'attache à la fin de mon url. (J'avais besoin de ces dans ce format spécifique qui ne peut pas partager un lien jusqu'à ce que les projets en live, mais je peux poster la semaine prochaine, si vous le souhaitez.)

    OriginalL'auteur tbwcf