javascript - 如何让页面在转发到另一个页面之前等待？

Question

我目前正在成功重定向到主页，基于成功我想让页面在重定向发生之前等待 30 或 50 秒，并且我想在等待时检查是否发生了 500 内部错误消息。

    $(function() {  
                 $("#save").click(function() {  

                    $.ajax({  
                        type: "POST",  
                          url: "cng.json",  
                          data: json_data,  
                          contentType : 'application/json',
                           success: function(data, textStatus, xhr) {                          
                                console.log(arguments);
                                console.log(xhr.status);
                                alert("Your changes are being submitted: "+ textStatus +" : "+ xhr.status);
//modal window message
    $('<div id="loading">Loading...</div>').insertBefore('#myform');
                        // add code here to wait for 30 sec before redirecting and check for 500 error code     
                                 location.reload(true);

                           },

                            error:function(jqXHR, textStatus, errorThrown) {
                          alert( jqXHR.responseText+" - " +errorThrown + " : " +jqXHR.status);                       

                           }
                        }); 

                  });  
                });  

Answer 1

只是使用超时？

setTimeout(function() {
    location.reload(true);
}, 30000);

顺便说一句，30 秒很长。

Answer 2

我会在 ajax 调用被触发时定义一个标志，然后在你的成功中放入一个 setTimeout。

setTimeout(check_redirect, 30000);

如果错误触发，则将标志设置为 false

当计时器用完时，您的回调将被触发，检查标志并酌情继续：

function check_redirect()
{
   if(flag===true)
   {
      location.reload(true);
   }
}