Как обновить (перезагрузить) страницу с помощью JavaScript?

Использование метода location.reload()

Самый правильный и простой способ перезагрузить страницу в JavaScript — это использовать метод location.reload(). Он специально предназначен для этой задачи и работает во всех современных браузерах. В отличие от присваивания window.location, этот метод не создает лишних записей в истории браузера и не вызывает рекурсивных перенаправлений.

// Простая перезагрузка страницы
location.reload();

Почему ваш код вызывает проблемы?

Вы используете window.location = window.location.href. Это работает как присваивание нового URL текущему. Если сервер обрабатывает этот URL и снова возвращает ту же страницу, может возникнуть бесконечный цикл перенаправлений или ошибка "too many redirects". location.reload() же просто перезагружает текущий документ без изменения URL.

Варианты с параметрами

Метод reload() принимает один необязательный аргумент — булево значение:

• location.reload() или location.reload(false) — перезагружает страницу из кэша браузера (если возможно). Это быстрее, так как не требует повторной загрузки всех ресурсов с сервера.
• location.reload(true) — принудительная перезагрузка с сервера (игнорирует кэш). Используйте, если нужно гарантированно получить свежие данные.

// Принудительная перезагрузка с сервера
location.reload(true);

Полный пример для вашей задачи

document.getElementById('myForm').addEventListener('submit', function(event) {
  event.preventDefault();
  
  // Отправляем данные на сервер (пример с fetch)
  fetch('/submit-data', {
    method: 'POST',
    body: new FormData(this)
  })
  .then(response => {
    if (response.ok) {
      // После успешной отправки перезагружаем страницу
      location.reload(); // или location.reload(true) для принудительной загрузки
    } else {
      console.error('Ошибка отправки данных');
    }
  })
  .catch(error => {
    console.error('Сетевая ошибка:', error);
  });
});

Дополнительные советы

• Используйте location.reload() после асинхронных операций, как в примере выше. Не вызывайте его сразу после event.preventDefault(), иначе страница перезагрузится до того, как данные отправятся.
• Не путайте с location.replace(). location.replace(url) заменяет текущую страницу на новую, но не сохраняет текущую в истории браузера. Это полезно для редиректов, но не для обновления.
• Для jQuery можно использовать window.location.reload() — это тот же метод, доступный через глобальный объект window.

Таким образом, location.reload() — это стандартный, надежный и предсказуемый способ обновления страницы. Избегайте присваивания window.location для перезагрузки, так как это может привести к неожиданным побочным эффектам.

// Перезагрузка с обходом кэша
window.location.href = window.location.href + '?t=' + Date.now();