使用数据表进行 Jquery 序列化会产生重复

Question

我有一个 jquery 数据表，我正在用服务器端数据填充它。数据表的列被分配了诸如（编辑、删除）之类的事件。比我选择要编辑的行之一，例如单击编辑按钮并在 modal-box 中显示表单。我编辑元素并保存数据。接下来，我打开另一行并执行相同操作，但这次之前编辑的数据将被缓存并与新数据一起序列化。 Firebug 在发送时显示

Parameters

action  edit
action  edit
amt 
amt test
au_nr   
au_nr   

使用下面的 jquery 触发保存事件

$(document).on('click', '#save', function ( e )  {
    $.ajax({
           type: "POST",
           url: 'action.php',
           data: $("#edit_form_person").serialize(), // serializes the form's elements.               
           success: function(data)
           {
               alert('Data Saved!'); // show response from the php script.           
           },
            error:function(){             
               alert('Error!');                
            }
         });
});

已修复

对话框必须在关闭时销毁

$(document).on('click', '#form', function(e) {
    e.preventDefault();         

    $('<div></div>').load($(this).attr('href')).dialog({
        title: $(this).attr('title'),
        //autoOpen: false,
        modal: true,            
        draggable: true,
        width:900,
        position: ['top',50], 
        close: function(event, ui) 
        { 
            $(this).dialog('destroy').remove()
        } 
    });

Answer 1

当模式打开时你为什么不清除表单域....我认为这应该可以解决问题

  $('#formID').find('input[type=text], textarea').val('');