javascript - 如何获取用户输入并插入 http get 请求？

Question

我一直在寻找，找不到我正在寻找的解决方案。

我希望能够向用户在表单中提交的 http 请求添加详细信息。

eg: 用户通过一个表单提交了两条数据然后这些数据字符串被添加到http get请求中。

jQuery/JavaScript 可以做到这一点吗？如果是这样，怎么做？

我希望这是有道理的，如果没有，我可以尝试不同的措辞。

Answer 1

结帐http://api.jquery.com/serialize/

您可以通过这种方式获取数据，然后使用 ajax 请求将其发送出去。

Answer 2

要在提交之前添加更多表单数据，请执行以下操作：

$("form").on("submit", function(event) {
      event.preventDefault();
      //Do stuff to populate fields (hidden or not) with data
      form = $(this);
      $.post(form.attr("action"), form.serialize(), function( data ) {
        //Success callback
      });
});

Answer 3

最简单的方法是简单地使您的表单method成为GET而不是POST（或关闭该方法，这GET是默认设置）：

<form action="/your/endpoint" method="get">
<label>Name: <input type="text" name="name"></label>
<input type="submit" value="Submit">
</form>

当您提交表单时，用户将被重定向到/your/endpoint，并且他们在name文本框中输入的值将作为查询字符串参数添加到 URL。例如，如果我输入了我的名字，/your/endpoint?name=Sean当我点击submit按钮时，我将被重定向到。