Ir al contenido principal

Entradas

Mostrando las entradas de agosto, 2013

Chat con AJAX - PHP - MySQL - JavaScript

A continuación se explica el código necesario para crear un chat básico con AJAX, PHP y MySQL. Se utiliza una tabla creada en MySQL llamada mensaje que posee los campos id (autoincrement), usuario (varchar) y contenido (text). El archivo index.html contiene la interfaz gráfica (cajas de texto, boton) y el código CSS. Se importa el archivo ajax.js que contiene el objeto XMLHttpRequest que me permite intercambiar datos de forma asíncrona con el servidor. Esto significa que es posible para actualizar partes de una página web, sin volver a cargar toda la página. Además contiene dos funciones javascript: 1) mostrar: Esta función se ejecuta cada 3 segundos ( setInterval(mostrar,3000) ) y muestra en el div con id historial los mensajes almacenados en la base de datos a través del archivo mensajes.php que hace una consulta SQL. 2) agregar: Esta función captura el usuario y mensaje ingresado, los valores los almaceno en las variables usuario y cont y se los envío al arhivo proce