Javascript – #6.09. AJAX. Ejercicio de AJAX con acceso a base de datos y JSON

Unidad
Materiales

Y damos por finalizada esta parte del curso con una lección que aúna AJAX, JSON y bases de datos.

¿Qué es lo que vamos a ver en esta ocasión? Un pequeño ejercicio en el que, a partir de un valor introducido en un campo de texto, mostrará todos los alumn@s que han obtenido una puntuación superior y cuya información extraeremos de una base de datos.

En primer lugar, enviaremos un dato a través de un formulario HTML que recibiremos y procesaremos en PHP. Este dato lo decodificaremos mediante json_decode y extraeremos su información.

A continuación crearemos una conexión a una base de datos, y realizaremos una consulta a partir de los datos extraídos del objeto anterior.

La información generada en la consulta será codificada a JSON mediante json_encode y transferida mediante AJAX para su posterior procesamiento y visualización en la página.

Y como muestra, un botón. Aquí tienes el vídeo con el proceso paso a paso:

¡Consulta en la pestaña Materiales el código fuente trabajado en la lección!

¿No te ha quedado claro? ¿Quieres aportar tu punto de vista? ¡Deja tu comentario!

¡Ups! ¡Este contenido está restringido a codelovers! Inicia sesión o, si aún no eres miembro de Didacticode, regístrate!