Question

我正在使用codeigniter和jquery处理单页应用，通过点击菜单，我正在加载内容，这工作正常，第一次加载内容，当我尝试提交模态表单时它有效，但每次我重新加载内容并再次提交相同的表格时，我看到它已经提交了我在页面上重新加载内容的次数。

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

[self dismissViewControllerAnimated:YES completion:nil];

并且视图中的脚本由提交模态形式的“param”控制器加载：

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

你能帮帮忙吗？

谢谢

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

$(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');
            }
        });     
    });
});

Answer 1

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

只需在$('body').on('submit', 'form', function(e){

之前添加此行

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

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

Answer 2

请参阅ajax参数url中的引号更改此

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

喜欢

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

Answer 3

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

请将此更改为

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

OR

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

Answer 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){

表格多次提交

4 个答案: