如何使用JS ajax提交表单数据而不将其附加到url？

Question

我想使用ajax javascript提交表单并在servlet中按元素名称获取参数值？ 如果在通过ajax代码调用时不将其附加到url，我怎么能这样做呢？

请指导。

感谢。

Answer 1

使用POST而不是GET

使用jquery和方法ajax，你必须把你的表单放到一个json对象

如果您的表单是这样的

<form id="form1">
....
<input id="idvar1" type="text" name="var1">
<input id="idvar2" type="text" name="var2">
</form>

你可以使用这样的ajax方法：

var data = {'var1': $(#idvar1).val(), 'var2': $(#idvar2).val()};
// or you can simply make
// var data = $("#form1").serialize()
$("#form1").submit(function() {
  $.ajax({
    type: "POST",
    url: url,
    data: data /* here you will send the data of your form */
  });
});

此处有关于$ .ajax http://api.jquery.com/jQuery.ajax/

的更多信息

以及有关POST https://en.wikipedia.org/wiki/POST_(HTTP)

的更多信息