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

时间:2013-04-23 12:25:43

标签: jquery forms serialization

我有一个jquery数据表,我正在填充服务器端数据。为数据表列分配了诸如(编辑,删除)之类的事件。比我选择要编辑的行之一,如单击编辑按钮,并在模式框中显示表单。我编辑元素,然后保存数据。接下来我打开另一行并执行相同操作,但这次先前编辑的数据将被缓存并使用新数据进行序列化。 Firebug在发送时显示

Parameters

action  edit
action  edit
amt 
amt test
au_nr   
au_nr   

使用以下jquery

触发save事件
$(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()
        } 
    });

1 个答案:

答案 0 :(得分:0)

为什么不在模态打开时清除表单字段....我认为应该这样做

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