jquery转到表单提交的URL，并将字段值添加到url字符串

Question

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

现在，当点击提交时，我想转到一个网址但是然后将froms值添加到网址字符串（但不使用表单方法= get）基本上我想要这样做

点击提交转到 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>

希望我一直很清楚 - 我非常感谢任何帮助！

安迪

Answer 1

感谢你们对此的帮助......

我不确定我的方法是否有问题，或者我没有描述我需要做的事情......

对我来说最终的解决方案是......

第一个文件包含一个带有 method =＆quot; get＆quot;

的表单

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

这指示获取参数并且方法=获取网址以 getParams.html？firstname =＆quot;＆quot;＆amp; surname =＆quot;＆quot;

结尾

然后在 getParams.html 页面中，这只是用于从网址和重定向格式化（因为我需要它）...

我使用了附加的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的末尾。 （我需要这些特定的格式 - 在项目生效之前无法共享链接，但如果您愿意，我可以在下周发布。）

Answer 2

jQuery序列化可能会对您所描述的简单案例有所帮助：

$('#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;
} );