在 ajax 发布之前将数据添加到表单

Question

我正在尝试使用 beforeSend 函数在发布之前将一些数据添加到我的表单中，但数据没有通过帖子传递。我猜想在添加数据之前表单会被序列化，但这只是一个猜测。

这是我的 jquery/ajax：

$.ajax({
  type: "POST",
  url: '@Url.Action( "SaveHeaders", "Tally" )',
  //data: { model: @Html.Raw(Json.Encode(@Model)) },
  data: $('#myForm').serialize(),
  beforeSend: function() {
  var displayIndex = imageIndex+1;
  $("#images tbody").append("<tr><td class='text-center align-middle'>" + displayIndex + "<input type='hidden' id='SellerGroup_" + imageIndex + "__imageId' class='form-control text-box single-line' name='SellerGroup[" + imageIndex + "].imageId' readonly='readonly' value='" + $('#imageName').val() + "' /><td><input type='text' id='SellerGroup_" + imageIndex + "__majorGroup' class='form-control text-box single-line' name='SellerGroup[" + imageIndex + "].majorGroup' readonly='readonly' value='" + major + "' /></td><td><input type='text' id='SellerGroup_" + imageIndex + "__minorGroup' class='form-control text-box single-line' name='SellerGroup[" + imageIndex + "].minorGroup' readonly='readonly' value='" + minor + "' /></td></tr>");
                    },
                    success: function (data) {
                        console.log(data);
                    }
                });

Answer 1

在你运行$.ajax(...)代码之前，试着把这个：

$('#myForm').append('<input type="hidden" name="whateverName" value="whateverValue" />');

然后才运行您的代码（使用$('#myForm').serialize() 方法）。