javascript - 提交带有一些附加参数的表单(post，NOT ajax)

Question

我需要通过单击提交表单来执行非 ajax 发布。在提交之前，我必须添加一些额外的表单参数。这是我的操作方法:

  $("#my_form").on("submit", function (e) {
    e.preventDefault();
    var data = $(this).serializeArray();
    data.push({"name": "extra data1", "value": "extra value 1"});
    var params = $.param(data);
    //what's next?
    //$.post($(this).attr("action"), data: params); // ajax request, I don't need an ajax request
  });

但是我如何实际提交表单，以便它不仅它的参数，而且还发送我添加到它的其他参数？显然，$(this).submit(); 不会这样做。

Answer 1

您可能希望看到这个 SO 问题:Jquery - Create hidden form element on the fly

在你的情况下，我想你可以做这样的事情来添加一个隐藏的输入:

$("#my_form").on("submit", function (e) {

   $('<input>').attr({
        type: 'hidden',
        name: 'extra data1',
        value: 'extra value 1'
    }).appendTo($(this));  

});

演示:http://jsfiddle.net/naokiota/XyLUV/

---

或者，你可以像这样做同样的事情:

$("#my_form").on("submit", function (e) {

   $('<input type="hidden" name="extra data1" value="extra value 1">')
   .appendTo($(this));

});

演示:http://jsfiddle.net/naokiota/Kkq6F/1/

希望这对您有所帮助。