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

我对jquery很新，我认为这很简单，但我很挣扎，谷歌似乎没有帮助….

我所拥有的是基本forms……

 First Name:  Surname:    

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

点击提交转到http://myurl.com/index.html?params=firstNamevalue*surnamevalue

我一直在用jquery进行攻击，但是我最喜欢的就是这样……

   google.load("jquery", "1.3.1");   var = firstName $("#firstName").val(); var = surname $("#surname").val(); $('#submit').click(function(){ window.location = ???; });  

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

安迪

Answer 1

jQuery序列化可能有助于像你描述的那样简单的情况：

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

Answer 2

你差不多对。

 var firstName = $("#firstName").val(); var surname = $("#surname").val(); location.href = "index.html?firstName=" + firstName + "&surname=" + surname 

当然，你可以创建一个函数来接受一个对象中的键/值对列表并使其成为通用的，但你明白了。

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

Answer 3

谢谢你们对此的帮助……

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

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

第一个文件包含一个form 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> 

这指示获取参数并且方法=获取url以getParams.html?firstname=""&surname=""结尾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的末尾。 （我需要这些特定的格式 – 在项目生效之前无法共享链接，但如果您愿意，我可以在下周发布。）