表单提交多次答案

【问题标题】：Form submitted multiple times表单提交多次
【发布时间】：2015-08-10 21:23:40
【问题描述】：

我正在使用 codeigniter 和 jquery 开发单页应用程序，通过单击菜单，我正在加载内容，这工作正常，第一次加载内容，当我尝试提交模式表单时它有效，但每次我重新加载内容并再次提交同一个表单时，我看到它提交的次数是我在页面上重新加载内容的次数。

这是我在单击菜单项时将主要内容加载到容器的方式：

case 'Parametrage':
      $("#container").empty();
      $("#container").load("params");
      break;

以及提交模态表单的“param”控制器加载的视图中的脚本：

$(function(){
    $('body').on('submit', 'form', function(e){
       e.preventDefault();

        $.ajax({
            type: "POST",
            url: "<?php echo site_url("params/save_form"); ?>",
            data:$(this).serialize(),
            success: function(response){ 
                if(response == 'true'){
                    $.modal.close();    
                    var table = $('#table_id').DataTable();
                    table.ajax.reload();
                    $('#dialog-message').attr('title','Enregistrement');
                    $('#msgIcon').attr('class','ui-icon ui-icon-circle-check');
                    $('#msgMessage').html('Enregistré avec succès');
                    $("#dialog-message").dialog({
                      modal: true,
                      buttons: {
                        Ok: function() {
                          $(this).dialog("close");
                        }
                      }
                    });
                }else{
                    $('#errors_container').html(response);  
                }

            },
            error: function(){
                alert('Error');
            }
        });     
    });
});

你能帮忙吗？

谢谢

从 Shaiful Islam 的回答开始，这解决了问题：

case 'Parametrage':
     $("#container").empty();
     //Added this line
     $('body').off("submit", "form");
     $("#container").load("params");
     break;

【问题讨论】：

插入数据后，使用header 函数重定向到您的控制器。它会阻止提交

标签： javascript php jquery html codeigniter

【解决方案1】：

每次加载主要内容时，似乎您的 javascript 也会随之加载。所以更改事件每次都与您的表单绑定。每次加载主要内容时都需要删除以前的绑定。

只需在$('body').on('submit', 'form', function(e){之前添加这一行

$(body).off("submit", "form");

它会关闭你之前的绑定并保持一个绑定。

【讨论】：

这行得通，但不是在 ajax 调用中执行成功函数的代码，而是将漏洞页面重定向到控制器的原始响应。
好的，最后它通过在加载内容的代码中添加这一行来工作，请参阅我的编辑

【解决方案2】：

查看ajax参数url中的引号更改此

url: "<?php echo site_url("params/save_form"); ?>",

喜欢

url: '<?php echo site_url("params/save_form"); ?>',

【讨论】：

【解决方案3】：

 url: "<?php echo site_url("params/save_form"); ?>",

请改成

 url: "<?php echo site_url(\"params/save_form\"); ?>"

或

url: "<?php echo site_url('params/save_form'); ?>",

【讨论】：

【解决方案4】：

你不能在double quote 中使用double quote 所以改变如下：-

url: '<?php echo site_url("params/save_form"); ?>',

还将$('body').on('submit', 'form', function(e){ 更改为$('body').off('submit').on('submit',function(e){

【讨论】：