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

Question

Je suis assez nouveau sur jQuery et je pense que cela est simple, mais je me bats et Google ne semble pas 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 on clique sur submit, je souhaite aller à une URL, puis ajouter les valeurs froms à la chaîne d'URL (mais sans utiliser la méthode form = get). Je veux que cela se produise

au clic de soumission http://myurl.com/index.html?params=firstNamevalue*surnamevalue

J'ai bidouillé avec le JQuery mais là où je suis, c'est 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>

Si tout va bien, j'ai été très clair - j'apprécierais grandement toute aide!

Andy

Answer 1

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

Je ne sais pas si vos méthodes ont mal fonctionné ou si je n'avais pas décrit ce que je devais faire assez bien ...

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

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

cela indique comment obtenir les paramètres et que méthode = obtenir l'URL se termine par getParams.html? firstname = "" & amp; name" " "

Ensuite, dans la page getParams.html , il est simplement utilisé pour le formatage (comme j'en ai besoin) à partir de l'URL et de la redirection ...

J'ai utilisé jquery joint suivi de 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; 

extrait les valeurs que je veux de l'URL comme vars puis les attache à la fin de mon URL. (J'avais besoin de ceux-ci dans ce format spécifique - je ne peux pas partager de lien avant la diffusion des projets, mais je peux poster la semaine prochaine si vous le souhaitez.)

Answer 2

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

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

Answer 3

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 créer une fonction qui accepte une liste de paires clé / valeur dans un objet et le rendre générique, mais vous en avez l’idée.

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