Jquery - Check Internet Connection

Question

I want to create jquery listener to check internet connectivity.

    function checkInternetConnection()
    {
        onConnectionClosed:function(){
            dialog.show("Connection closed please wait");
        }
        onConnectionOpened:function(){
            dialog.hide();
        }
    }
    
    $(document).ready(function(){
        checkInternetConnection();
    });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

So, when the connection is turned off, I want to show a dialog to user. When the connection is back I want to hide the dialog. How can I do this?

https://developer.mozilla.org/en-US/docs/Web/API/Navigator/connection — Nick Shvelidze, Jul 17 '17 at 13:34
It's not possible, as a workaround however you could make a dummy request to an api and see if it fails (check which reason). — Adrian, Jul 17 '17 at 13:35
@NickShvelidze Support for Navigator#connection is not supported by all browsers. Should be avoided. — Adrian, Jul 17 '17 at 13:36

score 5 · Accepted Answer · answered Jul 17 '17 at 13:35

5

this is a snippet from MDN:

https://developer.mozilla.org/en-US/docs/Online_and_offline_events

window.addEventListener('load', function() {

  function updateOnlineStatus(event) {
    var condition = navigator.onLine ? "online" : "offline";

    alert(`you are ${condition}`)

  }

  window.addEventListener('online',  updateOnlineStatus);
  window.addEventListener('offline', updateOnlineStatus);
});

answered Jul 17 '17 at 13:35

Hitmands

13,491
4
34
69

Worth noting for OP that it doesn't support Opera. – Adrian Jul 17 '17 at 13:37
I want to use it in chrome sir – Zibian Domichi Jul 17 '17 at 13:44

Jquery - Check Internet Connection

1 Answers1