Ingresar y obtener información de base de datos con php a través de ajax arch-20

6
MOSTRAR INFORMACIÓN MYSQL CON AJAX PHP-AJAX 1 Burgos Palacios Omar Ingresar y obtener información de base de datos con php a través de Ajax En este blog vamos a aprender a ingresar y obtener información de una base de datos usando Ajax. Creamos una carpeta en el servidor en la cual alojaremos las páginas con las que vamos a trabajar, luego creamos la página principal llamada index.html, en ésta crearemos un formulario para ingresar los datos a la base de datos, y también un botón para desplegarlos. Se crean archivos .php para abrir y cerrar la conexión a la base de datos. Para abrir la conexión. Para cerrar la conexión.

Transcript of Ingresar y obtener información de base de datos con php a través de ajax arch-20

Page 1: Ingresar y obtener información de base de datos con php a través de ajax arch-20

MOSTRAR INFORMACIÓN MYSQL CON AJAX

PHP-AJAX

1 Burgos Palacios Omar

Ingresar y obtener información de base de datos con php a través de Ajax

En este blog vamos a aprender a ingresar y obtener información de una base de datos usando Ajax. Creamos una carpeta en el servidor en la cual alojaremos las páginas con las que vamos a trabajar, luego creamos la página principal llamada index.html, en ésta crearemos un formulario para ingresar los datos a la base de datos, y también un botón para desplegarlos.

Se crean archivos .php para abrir y cerrar la conexión a la base de datos.

Para abrir la conexión.

Para cerrar la conexión.

Page 2: Ingresar y obtener información de base de datos con php a través de ajax arch-20

MOSTRAR INFORMACIÓN MYSQL CON AJAX

PHP-AJAX

2 Burgos Palacios Omar

Se crea un archivo .js para enviar la información del usuario a la base de datos, y en él

incluimos la función que enviará los datos con ajax.

Se le asigna un evento al formulario el cual ejecuta el método preventDefault() que evita

que éste se redireccione cuando envíe los datos (Linea 18).

Se crea el archivo que recibirá los datos enviados por ajax para ser agregados en la base

de datos.

Se crea el archivo que organiza la información para ser desplegada en una tabla

Page 3: Ingresar y obtener información de base de datos con php a través de ajax arch-20

MOSTRAR INFORMACIÓN MYSQL CON AJAX

PHP-AJAX

3 Burgos Palacios Omar

Para obtener la información de la base de datos creamos una función en el mismo archivo

.js que obtendrá la información con ajax.

En la página index.html se agregan algunos estilos, las librerías para tener acceso a ajax

y jquery, también el acceso al archivo .js donde están las funciones

ajax setUsuario y usuario que se han creado (Lineas 5-7):

Page 4: Ingresar y obtener información de base de datos con php a través de ajax arch-20

MOSTRAR INFORMACIÓN MYSQL CON AJAX

PHP-AJAX

4 Burgos Palacios Omar

Se llama la función setUsuario que envía los datos a la base de datos (Linea 13).

Se agrega el evento onclick al botón pasandole como parámetro la función usuarios que

muestra los usuarios (linea 22) .

Ingresando los datos de usuarios (nombre,apellido,teléfono,email) a la base de datos.

Otro usuario

Page 5: Ingresar y obtener información de base de datos con php a través de ajax arch-20

MOSTRAR INFORMACIÓN MYSQL CON AJAX

PHP-AJAX

5 Burgos Palacios Omar

y por ultimo se verifica que los datos fueron ingresados correctamente en la base de datos.

Mostrando los datos a través del botón Mostrar usuarios

Page 6: Ingresar y obtener información de base de datos con php a través de ajax arch-20

MOSTRAR INFORMACIÓN MYSQL CON AJAX

PHP-AJAX

6 Burgos Palacios Omar