如何将输入字段值作为 URL 查询字符串传递，单击提交按钮将打开该字符串？

我必须输入这样的字段

 <form>
    <input type="text" id="keyword" placeholder="XXX">
    <input type="text" id="state" placeholder="XXX">
    <button type="submit" id="submit">Submit</button>
 </form>

单击提交后，我想将它们发送到一个新页面，并将输入值附加到带有查询字符串的 url 中。

 http://www.link.com/page?keyword=XYXYX&state=XZXX

这是我开始思考但正在思考.serialize()可以比这个更好地处理这个example https://stackoverflow.com/questions/8387494/pass-inputbox-value-as-a-querystring-to-url

  var keywordVal = $("#keyword").val();
  var stateVal = $("#state").val();

  $( "form" ).on( "submit", function() {
   event.preventDefault();
   location.href='http://www.link.com/page?keyword=' + keywordVal + '&state=' + stateVal
  });

让我知道我是否以正确的方式接近它..

您不需要 JavaScript 来执行此操作。

只需添加一个action属性与 URL 并设置method归因于GET（这会将指定的字段值作为查询字符串附加）。

<form action="<yourURL>" method="GET">
    <input type="text" id="keyword" name="keyword" placeholder="XXX">
    <input type="text" id="state" name="state" placeholder="XXX">
    <button type="submit" id="submit">Submit</button>
</form>

注意：你需要name您的字段上的属性。

Fiddle: http://jsfiddle.net/pjh7wkj4/ http://jsfiddle.net/pjh7wkj4/