0

Tengo un input que trae el valor de mi base de datos, el detalle es que quiero que al insertar otro valor en mi base de datos el input cambie y se actualice sin necesidad de recargar la página, les adjunto mi código javascrip:

function enviar(){
  $(document).ready(function() {
    $.ajax({
      type:'POST',
      url: 'datos.php',
      success: function(d){
        console.log('!Eureka!');
        $("#temp").val(d);
      }
    });
  });
}

Y aquí dejo mi input:

<input class="form-control" type="text" name="temp" id="temp" onblur="enviar();">

De antemano muchas gracias!

3
  • ¿Qué hace tu código actualmente? ¿Por qué lo pusiste en el onblur?
    – A. Cedano
    Commented el 25 nov. 2019 a las 9:26
  • mi código me trae el último valor en mi base de datos, en eso funciona correctamente, lo que necesito es que al actualizar la base de datos se actualice el input para que me traiga el nuevo dato sin necesidad de recargar la página Commented el 25 nov. 2019 a las 13:37
  • Depende de la complejidad de tu proyecto. Si tienes un numero limitado y bien conocido de usuarios podrías usar el método Pooling, que consiste en usar un setInterval para hacer peticiones al servidor cada X segundos. Si tienes un numero mayor de usuarios podrías usar Long Pooling; una mejora de la tecnica anterior, que consiste en usar promesas del lado de JavaScript; usas un setInterval y una promesa dentro de una funcion asincorna que se quede esperando hasta que el servidor responda. Si necesitas respuesta inmediata entonces si necesitas webSockets. Suerte. Commented el 26 nov. 2019 a las 18:34

1 respuesta 1

-1

Pero primero hay que entender que las paginas funcionan de manera síncrona es decir que el el cliente es el que hace la solicitud y recibe una respuesta del lado del servidor.

Una de las formas en la que el servidor pueda tener un cambio y este se refleje en el cliente sin que este tenga que hacer una solicitud es mediante WebSockets.

Otra es Tecnología push tal y como lo comentan los chicos en los comentarios.

Lo otro que puedes hacer es mediante un setInterval de javascript es preguntarle a servidor cada tantos segundos cual es el ultimo valor.

window.setInterval(function(){
  /// call your function here
}, 5000);
3
  • 3
    Eso de ...La única forma ... es mediante WebSockets es totalmente falso. En la Wikipedia tienes una lista: Push, long polling, ...
    – Juanjo
    Commented el 26 nov. 2019 a las 18:13
  • 1
    @Juanjo justo estaba por comentar lo mismo...
    – fredyfx
    Commented el 26 nov. 2019 a las 18:13
  • Gracias por el comentario ahí lo agregue a la respuesta para no dar información errónea a los próximos lectores. Commented el 26 nov. 2019 a las 18:57

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.