Вы можете просто использовать JavaScript-метод location.reload()
для обновления или перезагрузки страницы. Этот метод дополнительно принимает логический параметр true
или false
.
Если указан параметр true
, это вызывает постоянную перезагрузку страницы с сервера. Но, если установлен false
(по умолчанию) или не указан, браузер может перезагрузить страницу из своего кеша.
Давайте посмотрим на пример, чтобы понять, как работает этот метод:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Reload the Page Using jQuery</title>
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<script>
$(document).ready(function(){
$("button").click(function(){
location.reload(true);
});
});
</script>
</head>
<body>
<button type="button">Перезагрузить страницу</button>
</body>
</html>
Вы также можете сделать то же самое на нативном JavaScript. Для этого вам не нужен jQuery. Посмотрите следующий пример, который является измененной версией предыдущего примера.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Refresh the Page with JavaScript</title>
<script>
function reloadPage(){
location.reload(true);
}
</script>
</head>
<body>
<button type="button" onclick="reloadPage();">Перезагрузить страницу</button>
</body>
</html>