前言

• 360極速瀏覽器 13.0.2206.0 (正式版本) （32 位）
• 操作系統 Windows 10 OS Version 1909 (Build 18363.1379)
• JavaScript V8 8.6.395.25

JQuery 定期刷新網頁，保持登錄狀態Session

本地的系統，session保持時間太短，導致頻繁登錄。
因此，需要定期刷新網頁，以使Session處于活躍。

操作步驟

選個簡單的頁面。比如：http://localhost/intro/help.html

在新標簽頁中，打開該頁面，并按F12調出開發者工具。

先引入JQuery。在開發者工具的console中執行下面代碼。

var script=document.createElement("script"); script.type="text/javascript"; script.src="https://lib.baomitu.com/jquery/3.5.1/jquery.min.js"; document.getElementsByTagName('head')[0].appendChild(script);

如果頁面上已有JQuery，則跳過本步驟。

檢查JQuery是否引入成功

$.fn.jquery;

將頁面套到iframe中

$('body').empty(); $('body').append('<iframe id="subPage" src="'+window.location.href+'"></iframe>'); $("#subPage").css({"width":"100%","height":"500px"});

定時刷新

setInterval(function(){ console.log(new Date()); $('#subPage')[0].contentWindow.location.reload(); }, 1000*30);

30秒刷新一次。

如果頁面上只有圖片，只刷新圖片時，可以這樣做

比如：http://localhost/static/images/logo.png

setInterval(function(){ console.log(new Date()); $("#refreshImg").remove();var imgURL = "http://localhost/static/images/logo.png?r="+new Date().getTime();$('body').append('<img id="refreshImg" src="'+imgURL+'"/>'); }, 1000*30);

總結

以上是生活随笔為你收集整理的JQuery 定期刷新网页，保持登录状态Session的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。