Ajax表单提交两次

Question

即使使用HAL和preventDefault()，我的Ajax表单仍会因某种原因提交两次。

return false

Answer 1

尝试将e.stopImmediatePropagation()添加到提交事件中，因为它会阻止所有其他事件执行，因此这可能会停止提交第二个表单。

<script type="text/javascript">
                $("#form_codes").submit(function(e) {
                    e.preventDefault();
                    e.stopImmediatePropagation();
                    $.ajax({
                        data: $('#form_codes').serialize(),
                        type: 'POST',
                        url: '{{url('save_code')}}',
                        success: function(msg) {
                            $('#product_codes > tbody:last-child').append('<tr><td>' + $('#code').val() + '</td><td>' + $('#description').val() + '</td></tr>');
                            $('#code').val('');
                            $('#description').val('');
                        },
                        error: function(msg) {

                        }
                    });

                    return false;
                });
</script>

Answer 2

在我的刀片模板引擎中结果我两次产生我的脚本（有效地包括它两次。）

该功能正常工作，现在只提交一次。