要使用jQuery刷新当前页面，可以借助location.reload()方法，在文档加载完成后调用这个方法即可。下面是具体的步骤和示例。
步骤
- 在HTML文件中引入jQuery库，可以使用CDN或本地文件方式引入
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
- 在文档加载完成后，使用jQuery调用location.reload()方法
$(document).ready(function() {
location.reload();
});
第一步是准备工作，将jQuery库引入到HTML文件中。第二步是在文档加载完成后，使用jQuery的ready()方法监听事件，并调用location.reload()方法来刷新页面。
示例1
下面是一个简单的示例，在点击按钮后，使用jQuery刷新页面
<html>
<head>
<meta charset="UTF-8">
<title>jQuery Refresh Page Demo</title>
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
</head>
<body>
<button id="refreshBtn">Refresh Page</button>
<script>
$(document).ready(function() {
$('#refreshBtn').click(function() {
location.reload();
});
});
</script>
</body>
</html>
在这个示例中，当点击“Refresh Page”按钮时，会触发click事件，调用回调函数中的location.reload()方法，从而刷新当前页面。
示例2
下面是另外一个示例，周期性地刷新页面，每隔5秒钟自动刷新页面。
<html>
<head>
<meta charset="UTF-8">
<title>jQuery Refresh Page Demo</title>
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
</head>
<body>
<p>This is a demo page, will refresh every 5 seconds.</p>
<script>
$(document).ready(function() {
setInterval(function() {
location.reload();
}, 5000);
});
</script>
</body>
</html>
在这个示例中，使用setInterval()函数周期性地调用location.reload()方法，每隔5秒钟自动刷新页面。
本站文章如无特殊说明，均为本站原创，如若转载，请注明出处：如何用jQuery刷新一个页面 - Python技术站
微信扫一扫 
支付宝扫一扫 