使用Ajax和jQuery Modal提交表单

Question

How to Submit form with Ajax and jQuery Modal jQuery Modal Site . Here my 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;
});

Answer 1

You just have to mention the form ID with serialize function and it will work..It doesn't matter that your form is in modal dialog or on page.. Yes but if you are opening form in Iframe than You've to use different method.

use this line with data attribute.

$("#formId").serialize();

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