jquery後藤urlフォームを提出したフィールド値のurl文字列

Question

私はかなり新しいjqueryいと思うがどうしたらいいのかと悩んやgoogleなお洒落で落ち着いた雰囲気....

私は基本的な形...

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

今時の提出をクリックしている後藤urlがその後を追加しfroms値は、url文字列(ものを使用しないform method=車)basiclyいることができ

クリックすると、エフェクトの提出後藤 http://myurl.com/index.html?params=firstNamevalue*surnamevalue

ってハッキングのjqueryがうまではっしんでみてはいかがでしょうか。

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

と思ってfarilyクリアさんに感謝のお役に立てるよう!

アンディ

Answer 1

まもとなるようご理解とご協力をこの...

さんやっていたようにお手法がなかったの記載から必要なも十分---

の解決に終わったこ---

初のファイルが含まれて形 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>

この指示にparamsの方法についてurlを取得します終了 getParams.html?firstname=""&surname=""

その後の getParams.html このページで使用のためのフォーマットしています）のホームページのurlへのリダイレクト...

使用した添付jqueryの後、このプラグイン http : // projects.allmarkedup.com/jquery_url_parser/

のjs:

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

引き価値にしたい形式のurlとしてvarsを付けての私のurl。(I必要なこれらのこの特定のフォーマットできなシェアリンクまでのライブでも投稿できます来週の場合はご覧いただけます)

Answer 2

jQuery serialize が単純な場合について説明していただけま:

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

Answer 3

すので、どまった。

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

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

この関数を作成しなさいを受け入れるリストのキーと値のペアでオブジェクトとこの汎用的でご利用いただけます。いかねます。

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