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
:
Ver originalfunction 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.