jQuery para ir a um url no formulário de envio com valores de campo adicionado à string url

Question

Eu sou bastante novo para jquery e eu acho que isso é simples, mas eu estou lutando e Google não parece estar ajudando ....

O que eu tenho é uma forma básica ...

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

Agora, quando submit é clicado eu quero para Goto um url, mas, em seguida, adicione os valores Froms para a cadeia url (mas não usando o método de formulário = get) basicamente eu quero que isso aconteça

no clique de enviar Goto http://myurl.com/index.html?params=firstNamevalue*surnamevalue

Eu tenho sido hacking sobre com o jQuery, mas onde eu sou até algo assim ...

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

espero que eu tenha sido farily claro - Eu apreciaria muito qualquer ajuda

Andy

Answer 1

Obrigado tanto para sua ajuda sobre isso ...

Eu não tenho certeza se eu estava fazendo algo errado com seus métodos ou se eu não tivesse descrito o que eu precisava para fazer bem o suficiente ...

A solução, no final, para mim foi esta ...

primeiro arquivo contém um um formulário com 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>

este dirige para obter parâmetros e como o método = obter as extremidades URL com getParams.html?firstname=""&surname=""

Em seguida, na página getParams.html isto é simplesmente usado para a formatação (como eu preciso que ele seja) a partir da url e redirecionamento ...

jquery

eu usei ligado seguido por este encaixe http : // projects.allmarkedup.com/jquery_url_parser/

com os js:

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

puxa os valores que eu quero formar a url como vars em seguida, atribui-los para o fim da minha url. (Eu precisava destes neste formato específico -. Não é possível compartilhar um link até que os projetos de viver, mas eu posso postar na próxima semana se você gostaria)

Answer 2

jQuery serialize pode ajudar em um caso simples como o que você descreve:

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

Answer 3

Você tem direito, quase.

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

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

Claro, você poderia fazer uma função que aceita uma lista de pares de chave / valor em um objeto e tornar este genérico, mas você começa a idéia.

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