使用Ajax和jQuery Modal提交表单

时间:2014-05-11 05:01:40

标签: javascript jquery ajax modal-dialog

如何使用Ajax和jQuery Modal jQuery Modal Site提交表单。在这里我的ajax:

$('#save').submit(function(event) {
    event.preventDefault();
    $.ajax({ 
        data: $(this).serializeArray(), 
        type: $(this).attr('method'), 
        url: $(this).attr('action'), 
        success: function() { 
            $('#message').html("Success").modal();
        }
    });
    return false;
});

1 个答案:

答案 0 :(得分:0)

您只需要提及带有序列化功能的表单ID,它就可以工作。您的表单在模态对话框或页面上并不重要..是的但是如果您在Iframe中打开表单而不是您和#39;使用不同的方法。

将此行与数据属性一起使用。

$("#formId&#34)。序列();

$('#save').submit(function(event) {
    event.preventDefault();
    $.ajax({ 
        data: $("#formId").serialize(), 
        type: $(this).attr('method'), 
        url: $(this).attr('action'), 
        success: function() { 
            $('#message').html("Success").modal();
        }
    });
    return false;
});