Como pasar de Web Storage a servidor base de datos

[Montes28]

Hola amigos, les comento mi situación:

Tengo que crear un formulario web y que se guarde en base de datos (actualmente trabajo con php - framework laravel y postgresql) hasta ahi todo bien, el inconveniente es que el formulario va a ser llenado en campo osea fuera de la ciudad donde no hay internet, me surge una duda: puedo guardar los datos utilizando Web Storage y cuando se llegue a la oficina pasar los datos a base de datos?

[garciasanchezdani]

Hola @Montes28 , hasta donde tengo conocimiento, lo que dices es perfectamente viable.
Yo usaría localStorage , ya que, aunque cierres el navegador, los datos siguen almacenados ahí. Guárdalo todo como JSON. Y cuando recuperes los datos para pasarlos a la base de datos, parséalos a objeto, y todo listo :)
Por último, te faltaría detectar cuándo hay conexión a internet, para guardar los datos en base de datos. He estado leyendo, y navigator.onLine puede ayudarte, pero hay casos en los que devuelve true, cuando realmente no hay conexión a internet (por ejemplo, con una conexión local). Hay una función, que sí que funciona en todos los casos, ya que lo que hace es realizar una petición a un fichero del servidor web, y si devuelve true, es porque te has conectado al servidor, con lo que hay conexión a internet.

Código Javascript:

function doesConnectionExist() {
    var xhr = new XMLHttpRequest();
    var file = "http://www.yoursite.com/somefile.png";
    var randomNum = Math.round(Math.random() * 10000);
     
    xhr.open('HEAD', file + "?rand=" + randomNum, false);
     
    try {
        xhr.send();
         
        if (xhr.status >= 200 && xhr.status < 304) {
            return true;
        } else {
            return false;
        }
    } catch (e) {
        return false;
    }
}
 

Espero que te sirva.
Saludos!!