Перезагрузить страницу после показа сообщения, jQuery

Question

Прямо сейчас у меня есть форма, где пользователь вводит информацию. Затем он обрабатывается с помощью функции jjuery ajax и устанавливается на return false;, поэтому перезагрузка страницы после отправки формы пользователем не происходит. Хотя мне нужно перезагрузить страницу, но если я удаляю return false;, она обновляет страницу до того, как появится сообщение об успешном завершении (это сообщение отображается после того, как пользователь отправил данные).

     $.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;

Итак, как я могу перезагрузить страницу после отображения сообщения <p> Your article was successfully added!</p> с небольшой задержкой, скажем, 2-3 секунды, чтобы пользователь действительно мог прочитать сообщение.

Answer 1

Вы можете добавить задержку, используя функцию setTimeout(), например:

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

Для ваших нужд:

$.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;

Рабочий пример

Answer 2

Сделайте это с чем-то вроде:

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

setTimeout('delayedRedirect()', 3000)

setTimeout используется для задержки вызова функции перенаправления, в этом случае вы можете перенаправить куда-то на новый URL (на тот случай, если вам это тоже нужно).

В противном случае используйте location.reload() для перезагрузки страницы.

Answer 3

Использование тайм-аута - очень плохая идея.

Answer 4

Используйте метод setTimeout, чтобы получить задержку, и метод reload, чтобы перезагрузить страницу. Обратите внимание на параметр true в вызове reload, чтобы убедиться, что страница действительно перезагружается, а не просто перерисовывается из кэша.

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

Answer 5

дайте, используя

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

в вашем коде:

 $.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 6

Вы имеете в виду что-то вроде: window.location.reload() в JavaScript

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

 $.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
  }
 });