Question

149

Check Internet connectivity with jquery

rated 0 times [ 153] [ 4] / answers: 1 / hits: 38691 / 11 Years ago, mon, november 18, 2013, 12:00:00

I am trying to check for the internet connection by sending a GET request to the server. I am a beginner in jquery and javascript. I am not using navigator.onLine for my code as it works differently in different browsers. This is my code so far:

var check_connectivity={

        is_internet_connected : function(){

            var dfd = new $.Deferred();

            $.get(/app/check_connectivity/)

            .done(function(resp){

                return dfd.resolve();

            })

            .fail(function(resp){

                return dfd.reject(resp);

            })

            return dfd.promise();

        },

}

I call this code in different file as:

if(!this.internet_connected())

        {

            console.log(internet not connected);

            //Perform actions

        }

internet_connected : function(){

        return check_connectivity.is_internet_connected();

},

The is_internet_connected() function returns a deferred object whereas I just need an answer in true/false. Can anybody tell me about how to achieve this?

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

jameson

Add To Favorites

Follow

Total Points: 534

Total Questions: 103

Total Answers: 102

Location: Lithuania

Member since Fri, Sep 4, 2020

4 Years ago

jameson questions

1 React native navigation v6 authentication flow

Tue, Jan 4, 22, 00:00, 2 Years ago

1 how to make slide transition smoother and not instant on swiper update - Swiper API

Thu, Oct 21, 21, 00:00, 3 Years ago

1 NextJS calling API in a form submit

Tue, Mar 2, 21, 00:00, 3 Years ago

1 React setState inside componentDidUpdare leads to Maximum update depth exceeded

Thu, Dec 10, 20, 00:00, 4 Years ago

1 How to export all components in index.js?

Sat, Jul 4, 20, 00:00, 4 Years ago

View All

answered 11 Years ago ethanc · Accepted Answer

$.get() returns a jqXHR object, which is promise compatible - therefore no need to create your own $.Deferred.

var check_connectivity = {

    ...

    is_internet_connected: function() {

        return $.get({

            url: /app/check_connectivity/,

            dataType: 'text',

            cache: false

        });

    },

    ...

};

Then :

check_connectivity.is_internet_connected().done(function() {

    //The resource is accessible - you are **probably** online.

}).fail(function(jqXHR, textStatus, errorThrown) {

    //Something went wrong. Test textStatus/errorThrown to find out what. You may be offline.

});

As you can see, it's not possible to be definitive about whether you are online or offline. All javascript/jQuery knows is whether a resource was successfully accessed or not.

In general, it is more useful to know whether a resource was successfully accessed (and that the response was cool) than to know about your online status per se. Every ajax call can (and should) have its own .done() and .fail() branches, allowing appropriate action to be taken whatever the outcome of the request.