javascript - Ajax 没有在提交时触发

Question

我正在尝试创建一个对 URL 有操作的表单。但是它需要先ajax提交，然后再提交给action。

它应该给我发一封电子邮件(在 newsletter.php 中)。

<script type='text/javascript'>
$(function () {
    $("#signup").on('submit', function( e, response ) {
        if (response.errors == false) {
            $.ajax({
                type : 'GET',
                url : 'newsletter.php',
                data: {
                    name : $('#os0').val(),
                    email: $('#os1').val()
                },
                success : function(data) {
                    $('#subscribe').submit();
                },
                error : function(XMLHttpRequest, textStatus, errorThrown) {
                    // error handling
                }
            });
            return false;
        }
        return true;
    });
});
</script>

HTML

<form name="signup" id="signup" action="" method="GET">
    <input type="text" id="os0" name="Email" />
    <input class="text" id="os1" type="text" name="cd_FULLNAME" />
    <input type="Submit" name="Submit" id="subscribe" value="Subscribe" />
</form>

Answer 1

<script type='text/javascript'>
$(function () {
    $("#signup").on('submit', function( e, response ) {
        $.ajax({
            type : 'GET',
            url : 'newsletter.php',
            data: {
                name : $('#os0').val(),
                email: $('#os1').val()
            },
            success : function(data) {
                $("#signup")[0].submit();
            },
            error : function(XMLHttpRequest, textStatus, errorThrown) {
                // error handling
            }
        });
        return false;
    });
});
</script>

注意 $("#signup")submit(); 和 $("#signup")[0].submit(); 之间的区别。