[SOLUCIONADO] Duda de novato

[grossbergsteven]

Buenas tardes, ante todo un cordial saludo, no soy muy experto en programación pero día a día trato de aprender, necesito leer desde una base de datos unos registros, y mostrarlos en pantalla, cuando los datos cambien, necesito que esos cambios se vean en pantalla sin necesidad de refrescar la base de datos, leyendo creo que entendí que la mejor opción seria utilizar javascript, en todo caso si me pueden orientar se los agradecería mucho, lo que necesito es que me orienten sobre que técnicas debo utilizar, si este tema no corresponde aquí, mil disculpas, espero sepan entender mi duda.

[Carlangueitor]

Para eso se usa AJAX. Investiga sobre eso.

Saludos

[grossbergsteven]

Muchas gracias, investigare al respeccto, yo desarrollo pero en php lo que necesito, pero no cambia a menos de que recargue la pagina

[Tusade]

Es como te han dicho: necesitas AJAX.

Te pongo un ejemplo que hecho yo (soy novato también) que me funciona a las mil maravillas:

Se trata de una página web, que cada vez que el usuario ejecuta determinado evento, éste llama a JavaScript, que a su vez llama al propio Servidor para pedirle datos (a través de una Base de Datos como MySQL) que escribe en la página web mediante un "innerHTML". Es decir, que no hace falta recargar la página entera, algo muy útil y cómodo.


El usuario ejecuta un evento cualquiera que llama a esta función JavaScript:

Código Javascript:

function Cargar(id_seleccionado, id_a_consultar){ 
/* Un evento cualquiera, Onchange dentro de un elemento SELECT (por ejemplo), llama a la función "Cargar" que contiene 2 datos: 
"id_seleccionado" que es el id del elemento seleccionado en ese SELECT (onchange="cargar(this.id)"), 
y "id_a_consultar" que es el id del elemento donde vamos a escribir nuestros resultados. */
 
            var xmlhttp; //Declaramos la variable donde guardaremos nuestro resultado
            var valor = document.getElementById(id_seleccionado).value; /* Obtenemos el atributo "value" del elemento con Id igual 
            al "id_seleccionado" */
 
            document.getElementById(id_a_consultar).innerHTML="<OPTION>Cargando...</OPTION>"; /* Mientras hace la petición 
            al Servidor, escribimos "Cargando..." o algo así */
            if (window.XMLHttpRequest) // Para saber si el navegador soporta lo que vamos a hacer
                {// code for IE7+, Firefox, Chrome, Opera, Safari
                xmlhttp= new XMLHttpRequest();
                }
            else
                {// code for IE6, IE5
                xmlhttp= new ActiveXObject("Microsoft.XMLHTTP");
                } // Fin del primer IF
                  
            /* Aquí abajo está la función para escribir el resultado de nuestra petición al Servidor. Si JavaScript lee esta función, 
            significa que el servidor ya nos ha respondido */
            function escribir() { 
                if (xmlhttp.readyState===4 && xmlhttp.status===200) // Nos da el visto bueno con un Ok
                    {
                   /* Como el Servidor nos ha respondido correctamente, escribimos nuestro resultado en donde queramos */
                    document.getElementById(id_a_consultar).innerHTML=xmlhttp.responseText;
                    }
 
                else { // No nos da el visto bueno, hay algún tipo de error o algo así.
                    document.getElementById(id_a_consultar).innerHTML="ERROR" + xmlhttp;
                }
            }
                
            xmlhttp.onreadystatechange = escribir; // Esto es, cuando la página reciba respuesta, llamará a la función escribir()
 
            /* En "open" escribimos la dirección URL donde la página enviará su solicitud. ¡CUIDADO! El Servidor de datos 
            y la página web deben estar en el mismo dominio, de lo contrario, dará error */
            xmlhttp.open("POST","http://NOMBRE-DE-MI-PC:8080/MI-PROYECTO/cargar_datos",true);
            xmlhttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
 
            /* Aquí ponemos las variables que queramos enviar al servidor. Yo le he enviado 2 variables:
            la variable "que_datos" con un valor igual al "id_seleccionado"
            y la variable "que_valor" con la variable "valor" que ya declaré antes */
            xmlhttp.send("que_datos="+id_seleccionado+"&que_valor="+valor);
                    
        }
 

La página http://NOMBRE-DE-MI-PC:8080/MI-PROYECTO/cargar_datos se redirigirá a un Servlet Java del Servidor
que procesará la petición y devolverá unos cuantos "out.println()" que JavaScript recogerá
dentro de la variable "xmlhttp.responseText;".

Si quieres, te pongo el Servlet que tengo yo.

Pero bueno, como ya digo, yo también soy novato. Así no sé si lo que he escrito será eficiente o no, pero lo que sí es cierto es que funciona.

[grossbergsteven]

Excelente muchas gracias