etoy online / offline - jquery

[dieguicho]

estimados tengo un formulario que esta siempre prendido
y me gustaria avisar al usuario si su formulario no pudo enviarse por que se quedo sin conexion.

tengo este codigo pero textStatus siempre devuelve error, nunca success
esté online el usuario o no!!

Código PHP:

  $('#submit').click(function() {
        
        var request = $.ajax({
            url: "http://localhost/cargar",
            type: "POST",
            data: $("#form1").serialize(),
            complete: function(jqXHR, textStatus){
                alert(textStatus);
                if(textStatus=='success'){
                    alert('Ud esta online, lo cargamos');
                } else {
                    alert('Ud esta offline, reintente');
                }
            }
        });
}); 
   

estoy haciendolo de la manera correcta? creo que no. que idea me tiran?
gracias!!!

[IsaBelM]

puedes intentar cargar una imagen y con el evento onload y onerror, verificas si el usuario tiene o no conexión

document.write('<img src="url-imagen?'+Math.random()+'" style="display:none" onload="fnc(true);" onerror="fnc(false);" />');

function fnc(conectado) {
if (!conectado) { // si no hay conexión
alert('no se ha enviado el formulario');
}
}