Verificar conexion para acceder a enlace

[AsDfog]

Buenos dias, quisiera solicitar su ayuda para poder hacer lo siguiente:

Tengo en mi sitio varios enlaces, necesito que cuando se de clic a cada enlace, por medio de jquery se verifique si hay conexión a internet, si hay acceda al enlace, si no hay que aparezca un div informando que no hay internet, algo asi como aparece en la aplicación de facebook messenger cuando no hay conexión.


mil Gracias

[matake]

Iniciado por AsDfog

Buenos dias, quisiera solicitar su ayuda para poder hacer lo siguiente:

Tengo en mi sitio varios enlaces, necesito que cuando se de clic a cada enlace, por medio de jquery se verifique si hay conexión a internet, si hay acceda al enlace, si no hay que aparezca un div informando que no hay internet, algo asi como aparece en la aplicación de facebook messenger cuando no hay conexión.


mil Gracias

Suponiendo que empleas ajax ... pues te puede servir algo asi:

Código Javascript:

var pedido_ajax = $.ajax({
    type: 'POST',
    url:"http://tu_sitio.com/tu_pagina",
    dataType: 'html', // o json depende como quieres recibir la respuesta
    timeout:5000, // 5 segundos = 5000 milisegundos ... puedes poner 10000 ( 10 segundos ) si quieres. Esto no verifica la conexion pero si han pasado tantos segundos ... algo esta ocuriendo
    error: function(jqXHR,status,error){
        if(status =='timeout'){
            //aqui va el codigo que avisa verificar la conexion ya que han pasado 5 segudos
            
            //tambien puedes reintentar automaticamente con un setTimeout() despues de algun tiempo
        }
    },
    success: function(respuesta_ajax){
        //aqui el codigo si todo va bien
    }