jquery pour aller à une URL sur le formulaire soumettre avec des valeurs de champ ajoutées à la chaîne d'URL

Question

Je suis assez nouveau à jquery et je pense que c'est simple mais je me bats et google ne semble pas aider ....

Ce que j'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 soumettons est cliqué, je veux GOTO une url mais puis ajoutez la formes de documents valeurs à la chaîne URL (mais pas en utilisant la méthode de forme = get) Fondamentalement, je veux que cela se produise

sur le clic de submit goto http://myurl.com/index.html?params=firstNamevalue*surnamevalue

J'ai piraté au sujet de la jquery, mais où je suis est jusqu'à quelque chose comme ça ...

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

, espérons que je suis farily clair - J'apprécierais toute aide!

Andy

Answer 1

vous remercie tous les deux pour votre aide sur ce ...

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

La solution à la fin pour moi était cette ...

premier fichier

contient la forme aa 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> 

ce dirige pour obtenir params et que la méthode = obtenir l'URL se termine par getParams.html?firstname=""&surname=""

Puis, dans la page getParams.html ceci est simplement utilisé pour la mise en forme (comme je l'ai besoin d'être) de l'URL et rediriger ...

I utilisé jquery ci-joint suivi par ce plugin http : // projects.allmarkedup.com/jquery_url_parser/

avec les 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 les attache à la fin de mon URL. (J'avais besoin de ces dans ce format spécifique - ne peut pas partager un lien jusqu'à ce que les projets vivent mais je peux poster la semaine prochaine si vous voudriez.)

Answer 2

Vous avez raison, presque.

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

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

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

$('#submit').click(function() { 
location.href = ""; 
return false; 
}); 

Answer 3

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

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