如何获取用户输入并插入http get请求?

时间:2013-10-26 22:02:59

标签: javascript jquery forms get xmlhttprequest

我一直在寻找,无法找到我正在寻找的解决方案。

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

例如: 用户通过表单提交两个数据 然后将这些数据字符串添加到http get请求中。

这可以用jQuery / JavaScript吗?如果是这样,怎么样?

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

3 个答案:

答案 0 :(得分:0)

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

您可以通过该方式获取数据,然后通过ajax请求发送。

答案 1 :(得分:0)

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

$("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
      });
});

答案 2 :(得分:0)

最简单的方法是简单地将表单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

相关问题