javascript – 多次提交表单

我正在使用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;

解决方法

每次加载主要内容时,似乎你的javascript也加载它.因此,每次更改事件都会与您的表单绑定.每次加载主要内容时都需要删除以前的绑定.

只需在$(‘body’)之前添加此行.on(‘submit’,’form’,function(e){

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

它将关闭您之前的绑定并保持一个绑定活着.