使用Ajax和jQuery Modal提交表单

Question

如何使用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;
});

Answer 1

您只需要提及带有序列化功能的表单ID，它就可以使用。.您的表单在模式对话框中还是在页面上都没有关系。是的，但是如果您要在Iframe中打开表单，则必须使用其他表单方法。

将此行与data属性一起使用。

$（“＃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;
});