jquery在表单提交时转到url，并在url字符串中添加字段值

我对jquery还相当陌生，我认为这很简单，但我很挣扎，谷歌似乎帮不上忙

我有一个基本的表格

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

希望我已经非常清楚了-我将非常感谢任何帮助

---

安迪

你几乎说对了

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

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

当然，您可以创建一个函数，该函数接受对象中的键/值对列表，并将其设置为泛型，但您可以理解这一点

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

在您描述的简单案例中可能会有所帮助：

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

---

谢谢你们两位在这方面的帮助

我不确定我是否对你的方法做了一些错误的事情，或者我是否没有描述我需要做的足够好

我最终的解决办法是

第一个文件包含一个带有

method=“get”

---

从url中提取我想要的值作为变量，然后将它们附加到我的url的末尾。（我需要这种特定格式的链接-在项目上线之前无法共享链接，但如果您愿意，我可以在下周发布。）

为什么您不能使用

？感谢大家今天下午尝试的回复，但仍然无法将其正确发出。。。这就是我的var firstName=$（“#firstName”）.val（）；变量姓氏=$（“#姓氏”）.val（）$（“#提交”）。单击（location.href=”“+firstName+“*”+姓氏）；但它在页面加载时转发，而不是在单击时转发？？我会继续尝试，但如果有任何进一步的建议，我将不胜感激。。。安迪

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

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

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