Jquery提交表单并发送数据而不使用ajax答案

【问题标题】：Jquery submit form and send data without ajaxJquery提交表单并发送数据而不使用ajax
【发布时间】：2018-10-26 16:53:40
【问题描述】：

我的工作状态很好。在里面我有按钮，用 onclick="form_submit()" 提交我的表单。此代码示例可以正常工作，但无需发送控制和。

function form_submit(){
    $("#add_form").submit();
}

现在我需要在提交表单上发送一些控制和。此控制总和在其他表单输入中，因此不会与此一起发送。

必须使用非ajax解决方案。所以我尝试了这种方式，但没有成功。

function form_submit(){
   $("#add_form").submit(function() {
       $.post('url.php', $("#control-sum").serialize());
   })
}

您能告诉我，使用什么语法或方法来找到解决方案吗？

【问题讨论】：

提交按钮有 type="submit" 吗？还是 type="button"？
检查button type="submit" 和preventDefault 表单的继承事件。 submit(function(e){ e.preventDefault(); });
在提交之前，您始终可以将其他表单中的控制和作为隐藏输入复制到您的表单中
提交按钮就像
你试过在表单中使用action标签吗

标签： jquery forms post

【解决方案1】：

现在它工作正常，我需要它的解决方案:) 感谢您的帮助！

function form_submit(){
    var csum_val = $("#control-sum").val();
    var csum_name = $("#control-sum").attr('name');
    $(".jq__add_control_sum").append('<input type="hidden" name="' + csum_name + '" value="' + csum_val + '"/>');
    $("#add_form").submit();
}

【讨论】：