Tải lại trang sau khi thông báo được hiển thị, jQuery

Question

Ngay bây giờ tôi có một biểu mẫu nơi người dùng nhập thông tin. Nó được xử lý bởi hàm bujjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjqqjqqqjqqqqqqqqhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhh Mặc dù tôi cần tải lại trang nhưng nếu tôi xóa return false; trang sẽ làm mới trang trước khi thông báo thành công được hiển thị (thông báo này được hiển thị sau khi người dùng gửi dữ liệu).

 $.ajax({ 
     type: "POST", 
     url: "scripts/process.php", 
     data: dataString, 
     success: function() { 
     $("#st_message").html("<p> Your article was successfully added!</p>"); 
     //I need to reload page after the above message is shown 
     } 
    }); 
    return false; 

Vậy làm thế nào tôi có thể tải lại trang sau khi được thông báo <p> Your article was successfully added!</p> được hiển thị, với một chút chậm trễ nói 2-3 giây, vì vậy người dùng thực sự có thể đọc tin nhắn.

Answer 1

Bạn có thể thêm một sự chậm trễ bằng setTimeout() chức năng, chẳng hạn như:

// This will reload the page after a delay of 3 seconds 
window.setTimeout(function(){location.reload()},3000) 

Đối với nhu cầu của bạn:

$.ajax({ 
     type: "POST", 
     url: "scripts/process.php", 
     data: dataString, 
     success: function() { 
      $("#st_message").html("<p> Your article was successfully added!</p>"); 
      window.setTimeout(function(){location.reload()},3000) 
     } 
}); 
return false; 

Working Example

Answer 2

Làm điều đó với một cái gì đó như:

function delayedRedirect(){ 
    window.location = "/index.php" 
} 

setTimeout('delayedRedirect()', 3000) 

setTimeout được sử dụng để làm chậm chức năng chuyển hướng cuộc gọi, trong trường hợp này bạn có thể chuyển hướng nơi nào đó để một URL mới (chỉ trong trường hợp bạn cần điều đó quá).

Nếu không, hãy sử dụng location.reload() để tải lại trang.

Answer 3

Bạn có nghĩa là một cái gì đó như: window.location.reload() trong JavaScript

Answer 4

cho nó sử dụng

setTimeout("window.location='yourpage.php'",3000); 

trong mã của bạn:

$.ajax({ 
     type: "POST", 
     url: "scripts/process.php", 
     data: dataString, 
     success: function() { 
     $("#st_message").html("<p> Your article was successfully added!</p>"); 
     setTimeout("window.location='yourpage.php'",3000);//reload after 3 sec. 
     } 
     }); 
return false; 

Answer 5

Sử dụng phương pháp setTimeout để có được sự chậm trễ, và reload phương pháp để tải lại trang. Lưu ý thông số true trong cuộc gọi reload để đảm bảo rằng trang thực sự được tải lại và không chỉ được sơn lại từ bộ nhớ cache.

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

Answer 6

$.ajax({ 
    type: "POST", 
    url: "scripts/process.php", 
    data: dataString, 
    success: function() { 
    var miliseconds = 2000; 

    $("#st_message").html("<p> Your article was successfully added!</p>"); 
    setTimeout("window.location=window.location", miliseconds); 
    //I need to reload page after the above message is shown 
    } 
}); 

Answer 7

<script type="text/javascript"> 
// 
//your action here 
// 
window.setTimeout(function(){self.parent.location="?list"},3000);//after 3 sec go to (?list or example.html page) 
return false; 
</script> 

Answer 8

Sử dụng thời gian chờ là một ý tưởng thực sự xấu.