how to check net connection through ajax call

Question

We tried to check authentication.We have username and password.We need if net_Work is available in mobile.authentication check through online. internet is not in mobile We need show alert first connected internet Ajax call authentication check :-

function authentication()
{
 username=$("#name").val();
 password=$("#psw").val();
$('#empty').append("Authentication  Will be Checking.......");
$.ajax({
        url: 'http://183.82.0.221:1234/MyService.svc/GetAuthenticatedUserData/'+username+'/'+password+'',
        dataType: 'jsonp',
        type:'get',
        cache:false,
        success:function(data) {
 if(data==1)
 {
 first();
 }
 else
 {
 alert("Authentication Failed");
 }
}
});
}

Above code is only if internet have mobile.it's working fine. If mobile don't have internet it's not response any thing.

if mobile don't have internet, We need Show alert("this app need internet so Please connect first");

Unlike forum sites, we don't use "Thanks", or "Any help appreciated", or signatures on [so]. See "[Should 'Hi', 'thanks,' taglines, and salutations be removed from posts?](http://meta.stackexchange.com/questions/2950/should-hi-thanks-taglines-and-salutations-be-removed-from-posts). BTW, it's "Thanks in advance", not "Thanks in advanced". — John Saunders, Jan 20 '15 at 06:18

score -1 · Accepted Answer · edited May 23 '17 at 12:28

If you are using html5 then the solution is very simple.There is a property in javascript

 navigator.onLine

by using this property you can check that there is internet connectivity or not.If there is internet connectivity then make ajax call else store your data in browser localstorage and push it back to server when application get internet connected.

Now If you are using html4 then the solution will be little bit tricky.In ajax call there is one more event listener that is "error".So you can make offline work by righting code in such a manner.

error: function(x, t, m) {
    if(t==="timeout") {
        alert("Means there is no internet connectivity");
        now_run_your_offline_function()
    } else {
        alert(t);
    }

Here t can be "timeout", "error", "notmodified" and "parsererror"

In case you are using phone gap.Then check this solution. Android 2.3 and Phonegap, navigator.online does not work

In your case final code will be.

function authentication()
{
 username=$("#name").val();
 password=$("#psw").val();
$('#empty').append("Authentication  Will be Checking.......");
$.ajax({
    url: 'http://183.82.0.221:1234/MyService.svc/GetAuthenticatedUserData/'+username+'/'+password+'',
    dataType: 'jsonp',
    type:'get',
    cache:false,
    timeout: 1000,
    error: function(x, t, m) {
if(t==="timeout") {
    alert("Means there is no internet connectivity");
} else {
    alert(t);
}},
    success:function(data) {
 if(data==1)
{
first();
}
else
 {
 alert("Authentication Failed");
}
}

}); }

thanks for reply We developing Phone-Gap app so navigator.onLine is not work to me. it's returns always true — Pavan Alapati, Jan 07 '15 at 07:00
Then you can try the second solution.That will work in your case. — Innovation, Jan 07 '15 at 07:01
tried as you said.in mobile removed wifi connection but i am not getting any alert.Please guide me — Pavan Alapati, Jan 07 '15 at 07:17
This is wrong. `navigator.onLine` will return false positives in a lot of circumstances. https://stackoverflow.com/a/189457/3342816 — user3342816, Oct 01 '19 at 13:12

how to check net connection through ajax call

1 Answers1