簡體   English   中英

檢查連接狀態后重定向到其他頁面

[英]Redirecting to other page after checking on connection status

我有一個頁面,該頁面將在30秒后重定向到其他頁面。.在此之前..它將首先檢查連接狀態..如果連接可用,則它將繼續重定向到下一頁..如果連接不可用可用,它將保留在當前頁面(停留)。

問題是,在檢測到連接已脫機之后,即使連接可用,它也會停留在當前頁面而不刷新頁面。.如何重新檢查連接狀態? 我的意思是從離線狀態開始,並自動檢測連接可用性並轉到下一頁...

<script type='text/javascript'>
        function Redirect() {
            if (Offline.state === 'up'){
                window.location = "../Offline/FPDTest.aspx";}
        }
        setTimeout('Redirect()', 30000);
</script>

@Muhammad Faiz,使用setInterval()方法。 on body onload事件將您的功能放到了一起。 此方法調用規則的時間間隔。 可以說,如果您每5秒給出5000個,它將調用。 現在,在連接找到之間,下一個調用重定向到FPDTest.aspx頁。

請參考鏈接以進行更多研究。

例如,如果您有兩個頁面,假設它的WebForm1.aspx和WebForm2.aspx,則兩個頁面的結構都是

WebForm1.aspx

<!DOCTYPE html>
<html>
<head>
   <script type='text/javascript'>
       function Redirect() {
           console.log("hello");
            if (navigator.onLine) {
                window.location = "WebForm2.aspx";
            }
        }
</script>
</head>
<body onload="setInterval(function(){ Redirect();}, 5000);">

</body>
</html>

Webform2.aspx將..

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
</head>
<body>

</body>
</html>

注意:如果按照我的示例,這兩個頁面都必須具有單獨的body標簽。

您可以通過打開/關閉互聯網連接進行檢查。 同時確保您的本地主機正在運行。

可以聽在線/離線事件,並為每個事件做任何您需要的事情

window.addEventListener('offline', function(e) { 
  console.log('offline'); 
});

window.addEventListener('online', function(e) { 
    console.log('online'); 
});

使用該庫,您可以收聽到up事件

Offline.on("up", (ev)=> {
   window.location = "../Offline/FPDTest.aspx";
});

這樣可以防止您不必要地間隔調用該函數。 您可以通過執行Offline.off("up");取消綁定事件Offline.off("up");

您可以在30秒后取消綁定該事件。

setTimeout(()=>{
   Offline.off("up");
}, 30000);

請試試

<script type='text/javascript'>
        function Redirect() {
            if (Offline.state === 'up'){
                window.location = "../Offline/FPDTest.aspx";}
        };

        Offline.on('up', function () {
            setTimeout(function(){ Redirect();}, 3000);
        });

</script>

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM