Question

去年，当访问者提交表格时，我为其中一位客户制作了表格在同一页面上收到了一条消息。但现在他问我是否有可能如果表格填写正确，请创建一个成功页面。

我不能让它发挥作用。这有点超出了我的联盟。

所以我希望你们中的任何人都可以帮助我！

$(document).ready(function() {

    $("#ajax-contact-form").submit(function() {
        $('#load').append('<center><img src="ajax-loader.gif" alt="Currently Loading" id="loading" /></center>');

        var fem = $(this).serialize(),
            note = $('#note');

        $.ajax({
            type: "POST",
            url: "contact/contact2.php",
            data: fem,
            success: function(msg) {
                if ( note.height() ) {          
                    note.slideUp(500, function() { $(this).hide(); });
                } 
                else note.hide();

                $('#loading').fadeOut(300, function() {
                    $(this).remove();

                    // Message Sent? Show the 'Thank You' message and hide the form
                    result = (msg === 'OK') ? '<div class="success">Uw bericht is verzonden, we nemen z.s.m. contact met u op!</div>' : msg;


                    var i = setInterval(function() {
                        if ( !note.is(':visible') ) {
                            note.html(result).slideDown(500);
                            clearInterval(i);
                        }
                    }, 40);    
                }); // end loading image fadeOut
            }
        });

        return false;
    });


    <form id="ajax-contact-form" target="_blank" method="post" action="javascript:alert('success!');" >

Answer 1

在ajax成功之后，只需重定向到成功页面。

Answer 2

不是显示“成功”消息，而是重定向到新页面：

window.location = successPageUrl;

表单 - 提交按钮的新页面

2 个答案: