Este documento explica cómo ingresar y obtener información de una base de datos MySQL usando Ajax con PHP. Primero se crea una carpeta en el servidor y un formulario en una página index.html para ingresar datos. Luego, se crean archivos PHP para conectarse a la base de datos y un archivo JS con funciones para enviar datos con Ajax y obtenerlos. Al enviar el formulario, los datos se envían a un archivo PHP para guardarlos en la base de datos, y al hacer clic en un botón, se muestran los datos almacenados mediante una función JS

1. 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.

2. 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

3. 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):

4. 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

5. 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

6. MOSTRAR INFORMACIÓN MYSQL CON
AJAX
PHP-AJAX
6 Burgos Palacios Omar