Ajax Table 1

Ejemplos Ajax JQuery UI

Ejemplos Graficos CanvasJS (JQuery Plug In)

Ejemplo 1, el texto ingresado se inserta en la tabla TEST de la base de datos TEST, generando siempre el ultimo id+1 en cada nueva tupla a insertar. El resultado de la insercion se muestra en un div oculto debajo del boton. Ejecuta el servlet JsonServlet via ajax, usando jquery, el dato a enviar es simple, por lo tanto, JsonServlet puede obtenerlo directamente sin necesidad de convertir desde json. Lo mismo sucede con la respuesta, devuelve el html que va a mostrar en el div oculto. Se puede observar en el log del servidor los mensajes enviados desde el servlet. Se escribe codigo en metodo processRequest() del servlet, con lo cual, alli confluyen tanto las llamadas GET como las llamadas POST. Utiliza codigo jdbc jaybird bien simple (no usa otras clases propias como DataIO).




-----------------------------------------------------------------

Ejemplo 2, idem Ejemplo 1 pero ahora ingreso el codigo (id) a borrar de la tabla TEST.




-----------------------------------------------------------------

Ejemplo 3, idem Ejemplo 2 pero ahora ingreso el codigo (id) a modificar y la descripcion a modificar de la tabla TEST.






-----------------------------------------------------------------

Ejemplo 4, cargo lista seleccionable con servlet generico de consulta de b.d. cargo carrera desde el servidor utilizando servlet JsonQueryServlet (servlet para hacer consultas genericas a la b.d., recibe parametro query con el sql a ejecutar y devuelve en formato json las tuplas de query de la forma: [{tupla1},{tupla2},...] en donde cada tupla es {campo1:valor1, campo2:valor2,...}). Cuando se selecciona una carrera se carga la lista de alumnos de dicha carrera.

-----------------------------------------------------------------

Ejemplo 5, Manejo de sesiones en servlet 3.0. Formulario de autenticacion: ingrese usuario y contraseña. Utiliza la tabla de usuarios TBL_USER de la base de datos test.fdb. Invoca la URL /login que esta asociada al servlet LoginServlet ; este servlet si el usuario y contraseña son correctos almacena el nombre de usuario en la variable de session "user_name" y redirige el navegador a la pagina html ajaxlogged.html (en caso de error, genera pagina html de error) . La pagina ajaxlogged.html usa jquery para invocar a la URL /session que esta asociada con el servlet SessionDataServlet para preguntar por el valor de la variable "user_name", de forma tal, de determinar si el usuario esta logeado o no, si es un usuario valido o no. Si todo ok, despliega el nombre del usuario autenticado. Si el usuario presiona el boton Consultar, se invoca a la URL /mesas que esta asociada con el servlet SessionDatesServlet, el cual hace un query a la b.d. isft.fdb controlando que se trate de un usuario previamente autenticado.