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

【问题标题】：jquery to goto a url on form submit with field values added to the url stringjquery 转到表单提交上的 url，并将字段值添加到 url 字符串
【发布时间】：2009-10-22 21:57:48
【问题描述】：

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

现在单击提交时，我想转到一个 url，然后将 froms 值添加到 url 字符串（但不使用表单方法=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>

希望我已经很清楚了 - 如果能提供任何帮助，我将不胜感激！

安迪

【问题讨论】：

为什么你不能使用<form method="get">？

标签： jquery string url params

【解决方案1】：

jQuery serialize 可能对您描述的这种简单情况有所帮助：

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

【讨论】：

【解决方案2】：

你说得对，差不多。

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

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

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

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

【讨论】：

感谢大家今天下午尝试的回复，但仍然无法安静地做对......这就是我所拥有的 var firstName = $("#firstName").val(); var surname = $("#surname").val(); $('#submit').click(location.href = "public.edition-on.net/352online/issue01.html?params=" + firstName + "*" + surname);但它在页面加载而不是点击时转发？我会继续尝试，但任何进一步的指针将不胜感激......安迪

【解决方案3】：

感谢你们在这方面的帮助...

我不确定我是否对你的方法做错了什么，或者我没有描述我需要做的足够好......

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

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

这指示获取参数，并且由于 method=get 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 的末尾。（我需要这种特定格式的这些 - 在项目上线之前无法分享链接，但如果你愿意，我可以在下周发布。）

【讨论】：