使用 javascript 将表单字段的值传递给 Url答案

【问题标题】：Using javascript to pass form fields' values to Url使用 javascript 将表单字段的值传递给 Url
【发布时间】：2012-05-21 12:23:12
【问题描述】：

我想将两个输入的值传递给 url 以使其像

“http://www.testing.com?item=product+amount=100”

这只是一个例子。

很多教程都在将值从 url 传递到表单的字段中。

如何以相反的方式制作...

提前致谢。

附言

有两页，一页有一个表格。 Page One的表单由用户填写，然后通过url将值传递给Page Two的表单，Page Two的表单可以从url中获取值来填充相关字段。

非常感谢大家的回复。

【问题讨论】：

@JonasEverest action 是目标页面，我猜你的意思是method="get"。 :P 另外，默认的method 是 GET，所以没有必要。
请进一步解释您要做什么，因为带有方法 GET 的表单将自行执行此操作，而对于 ajax，您只需使用 .serialize()。要么您正在尝试做其他事情，或者您根本没有搜索其他答案？
我提供了更多信息.....谢谢

标签： javascript jquery forms url

【解决方案1】：

嗯……

<form action="" method="get">
    <input type="text" name="item" value="product" />
    <input type="text" name="amount" value="100" />
    <input type="submit" />
</form>

当点击提交按钮时，item 和 amount 变量被“传入 URL”。

【讨论】：

他们不能也是type="hidden"吗？

【解决方案2】：

var data = $('input').serialize();

更具体的可以是：

var data = $('#item, #amount').serialize();

然后将数据附加到 URL 的查询字符串，或使用 jQuery ajax 函数之一。

【讨论】：