Question

我有一个登录表单，我正在使用jQuery / Ajax验证此表单并获取json响应。

此表单正在调用名为add-data.php

的php页面

所以当完成所有验证后，我想重定向到另一个页面。在Successfully logged!文字之后：

if($msg['error'] === false) {           
    $msg[] = '<b>Successfully logged!.</b>';             
}

我用过

setTimeout(function() {
    window.location = <?php echo "\"{$site_url}\""; ?>                         
}, 1000);

但它没有重定向！

完全重定向代码（不工作）：

if($msg['error'] === false) {           
     $msg[] = '<b>Successfully logged!.</b>';            
     ?>
     <script type="text/javascript">
     setTimeout(function() {
              window.location = <?php echo "\"{$site_url}\""; ?>                         
          }, 1000); 
    </script>
    <?php
}

更新：

$("#add_data").submit(function(e) {        
    e.preventDefault();
    var button_name = $("#button_name").val();
    var formData = new FormData(this);
    $.ajax({
        url : url+'add-data',
        data : formData,
        dataType : 'json',
        type : 'POST',
        cache:false,
        contentType: false,
        processData: false,
        beforeSend : function () {
            $("#submit_button").val("Loading...");
            $("#submit_button").prop('disabled', true);
            $('#form_result').show();
        },
        success : function ( result ) {
            $("#submit_button").val(button_name);
            $('#form_result').html('');                    
            $("#submit_button").prop('disabled', false);
            $.each( result, function( key, value ) { 
                if( key !== 'error' && result.error == true  ) {
                    $('#form_result').append('<div class="alert alert-danger">'+value+'</alert>');
                } else if ( key !== 'error' && result.error == false ) {
                    $('#form_result').append('<div class="alert alert-success">'+value+'</p>');
                    $('#form_result').delay(3000).hide('slow');   
                    $("#submit_button").val(button_name);                       
                    $("#submit_button").prop('disabled', true);
                }                         
            });                  
        },
        error: function(xhr, textStatus, errorThrown) {
            $('#form_result').append('<p class="alert alert-danger">Somethig is wrong!</p>');
            return false;
        },
    });
});

Answer 1

考虑到success:部分中的逻辑有效，您应该像这样处理它：

} else if ( key !== 'error' && result.error == false ) {
                $('#form_result').append('<div class="alert alert-success">'+value+'</p>');
                $('#form_result').delay(3000).hide('slow');   
                $("#submit_button").val(button_name);                       
                $("#submit_button").prop('disabled', true);
                window.location.replace("http://theredirectpage.com");
            }

如果你需要重定向到php文件生成的url，你应该在结果数组中返回它，然后将值插入重定向调用，如下所示：

 window.location.replace(result.redirectUrl);

希望有所帮助

验证完成后如何重定向页面？

1 个答案: