javascript - Ajax表单提交但不重定向

Question

我有一个注册表单，使用 jQuery 验证插件和 PHP 进行服务器端脚本编写。该表单正确地将数据提交到数据库，但提交后它显示一个空白页面，其中包含包含该表单的页面的 URL地址栏。换句话说，提交数据后，表单就消失了，html 页面变成空白。下面是一段 javascript 代码，负责在验证成功后提交表单

function submitForm()
{
    var data = $("#register-form").serialize();

    $.ajax({

        type : 'POST',
        url  : 'register.php',
        data : data,
        beforeSend: function()
        {
            $("#error").fadeOut();
            $("#btn-submit").html('<span class="glyphicon glyphicon-transfer"></span> &nbsp; sending ...');
        },
        success :  function(data)
        {
            if(data==1){

                $("#error").fadeIn(1000, function(){

                    $("#error").html('<div class="alert alert-danger"> <span class="glyphicon glyphicon-info-sign"></span> &nbsp; Sorry email already taken !</div>');

                    $("#btn-submit").html('<span class="glyphicon glyphicon-log-in"></span> &nbsp; Create Account');

                });

            }
            else if(data=="registered")
            {

                $("#btn-submit").html('Signing Up');
  //The line below seem to be the culprit 
                setTimeout('$(".form-signin").fadeOut(500, function(){      $(".signin-form").load("successreg.php"); }); ',5000);

            }
            else{

                $("#error").fadeIn(1000, function(){

                    $("#error").html('<div class="alert alert-danger"><span class="glyphicon glyphicon-info-sign"></span> &nbsp; '+data+' !</div>');

                    $("#btn-submit").html('<span class="glyphicon glyphicon-log-in"></span> &nbsp; Create Account');

                });

            }
        }
    });
    return false;
}
/* form submit */

});

代码没有重定向到successreg.php有什么帮助吗？

Answer 1

setTimeout 第一个参数是回调。试试这个:

setTimeout(function(){
    $(".form-signin").fadeOut(500, function(){
        $(".signin-form").load("successreg.php");
    });
}, 5000);