如何简单地使用jQuery表单提交请求参数

Question

我能够在我的javascript中使用以下内容提交表单为Post类型：

$("#receiptsForm").submit();

，但我也想通过参数myparam发送，以及我将使用httpServletRequest.getParameter("myparam")在弹簧控制器中检索的请求：

var myparam = "abc";
$("#receiptsForm").submit();

我能做什么？

Answer 1

尝试此

function form_submit()
{
      //var myparam = "abc";
     // add hidden field to your form name="myparam" and value="abc"
      $('#receiptsForm').append('<input type="hidden" name="myparam " value="abc" />');
      $("#receiptsForm").submit(); 
}

Answer 2

尝试这个，

var input = $("<input>")
               .attr("type", "hidden")
               .attr("name", "mydata").val("bla");
$('#receiptsForm').append($(input));
$('#receiptsForm').submit();

Answer 3

尝试使用serializeArray

var data = $('#receiptsForm').serializeArray();
data.push({name: 'myparam', value: 'MyParamValue'});

您可以像：

一样发送data

$.ajax({
    ...
     data: data,
    ...
});

Answer 4

看起来您正在使用jQuery ..可以做到这几种方法。.您可以将其制作为对象，然后将其作为数据传递给Ajaxrequest

var myparam = "abc";
var data_to_be_sent = {"myparam":myparam};

然后在AJAX请求的数据字段中，您可以

data : data_to_be_sent.

否则您只有表格中的隐藏字段，然后在提交中您可以给它一个MyParam的值

Answer 5

有两种方式浮出水面

a）在您的表单中包含一个名为 myparam的隐藏表单字段，并在提交之前使用 abc填充它。

b）使用jQuery的Ajax调用ajax post，然后在此之前设置数据参数。

$.ajax({
  type: "POST",
  url: url,
  data: data,
  success: success,
  dataType: dataType
});