如何在jQuery提交中发送表单值而不将其放入表单中？

Question

我在页面上有多个表单，每个表单都有相同的字段：

<input type="hidden" name="cmd" value="_s-xclick">
<input type="hidden" name="p3" value="2">
<input type="hidden" name="t3" value="D"> 

每个提交按钮和表单操作都不同。 有没有一种方法可以在JQuery提交中发送此数据，这样我就不必为每个表单复制8次？

Answer 1

在提交给定表单时如何将它们附加到表单上？

$("form").on("submit", function(){
   $(this).append('<input type="hidden" name="cmd" value="_s-xclick">')
   $(this).append('<input type="hidden" name="p3" value="2">')
   $(this).append('<input type="hidden" name="t3" value="D">')
});

http://api.jquery.com/submit/

http://api.jquery.com/append/

Answer 2

您可以在发布发生之前添加值

<form id="form1" onsubmit="add_values('form1');">
...
</form>
<form id="form1" onsubmit="add_values('form2');">
...
</form>

<script>
    function add_values(formid) {
        var input1 = $("<input>").attr("type", "hidden").attr("name", "cmd").val("_s-xclick");
        var input2 = $("<input>").attr("type", "hidden").attr("name", "p3").val("2");
        var input3 = $("<input>").attr("type", "hidden").attr("name", "t3").val("D");
        $('#'+formid).append($(input1));
        $('#'+formid).append($(input2));
        $('#'+formid).append($(input3));
        $('#'+formid).submit();
    }
</script>