jquery per passare a un URL al modulo invia con i valori dei campi aggiunti alla stringa dell'URL

Question

Sono abbastanza nuovo su jquery e penso che sia semplice ma sto lottando e google non sembra aiutare ....

Quello che ho è un modulo di 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>

Ora, quando si fa clic su submit, voglio andare a un url ma poi aggiungere i valori froms alla stringa url (ma non usando il metodo form = get) in pratica voglio che ciò accada

al clic di invio vai a http://myurl.com/index.html?params=firstNamevalue*surnamevalue

Ho hackerato con il jquery ma dove sto lavorando è qualcosa di simile ...

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

speriamo di essere stato chiaramente chiaro - apprezzerei molto qualsiasi aiuto!

Andy

Answer 1

grazie ad entrambi per l'aiuto in questo ...

Non sono sicuro se stavo facendo qualcosa di sbagliato nei tuoi metodi o se non avessi descritto ciò che dovevo fare abbastanza bene ...

La soluzione alla fine per me è stata questa ...

il primo file contiene un modulo con 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>

questo indica i parametri e come il metodo = get termina l'URL con getParams.html?firstname=""&surname=""

Quindi nella pagina getParams.html questo è semplicemente usato per la formattazione (come ho bisogno che sia) dall'URL e dal reindirizzamento ...

Ho usato jquery allegato seguito da questo plugin http: // projects.allmarkedup.com/jquery_url_parser/

con js:

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

estrae i valori che desidero dall'URL come var, quindi li collega alla fine del mio url. (Ne avevo bisogno in questo formato specifico: non posso condividere un link fino a quando i progetti non saranno attivi, ma posso pubblicare la prossima settimana se lo desideri.)

Answer 2

serializzare jQuery potrebbe aiutare in un caso semplice come quello che descrivi:

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

Answer 3

Hai ragione, quasi.

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

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

Ovviamente, potresti creare una funzione che accetta un elenco di coppie chiave / valore in un oggetto e renderlo generico, ma ottieni l'idea.

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