Ejemplo #1 Login Html-Ajax-PHP- mysql

Hoy les voy a mostrar un ejemplo de login HTML , js, PHP y utilizando Ajax para comunicar al cliente con el servidor.

Anteriormente subí un ejemplo de login con html y PHP utilizando el action del form de HTML pero en esta ocasión vamos a utilizar Ajax.

Una de las ventajas es que al hacer la verificación la página no se refresca ni cambia de ruta, dependiendo de la respuesta del servidor podemos mostrar contenido en algún otro objeto en la misma ventana.

El ejemplo final se verá así:

Ajax: envío de datos (uso de ajax sin la librería jquery)

Bueno este es otro ejemplo de Ajax, en este caso no voy a utilizar la librería jquery como en los ejemplos anteriores si no que voy a realizar la conexión directa utilizando  XMLHttpRequest.
Objetivo del ejercicio es un formulario de envió de comentarios. (Basada en un comentario  hecho por  Alexa.) El comentario se envia por medio de Ajax para no refrescar la página, y se va a insertar en una base de datos, la respuesta del servidor va a ser una leyenda "su comentario ha sido enviado conéxito."

ok se verá así:

Antes de oprimir el botón de enviar

Al oprimir el botón enviar, leyenda de resultado

Ajax:Otro ejemplo de cargar un módulo dentro de la página principal

Bueno este es otro ejemplo de uso de Ajax para cargar "módulos" dentro de otra página. Este ejercicio lo hice gracias a un comentario de un usuario "Anonimo" espero te sirva ok.
Básicamente  el ejemplo consta de una página principal que tiene 3 secciones 2 texto y en una un botón para registrar o entrar. al oprimir ese botón mostrará el formulario, sin recargar la página. Donde si refrescará la página es al cerrar el formulario para que vuelva a crear el botón  de registrar ok. se vería así:

página principal

página principal despues de oprimir el botón.

Ajax: Envio de datos por POST

Bueno en esta entrada veremos otro ejemplo de Ajax, tengo que mencionar que lo pongo gracias a un comentario de Edson Cruz  ,que tenia dudas al respecto.
Muchas gracias por sus comentarios me da muchísimo gusto saber que estos ejemplos aunque son muy básicos les ayuden con sus proyectos.

Lo que haremos es algo muy similar al ejemplo anterior cargaremos una tabla usando Ajax, la diferencia es que ahora si pasaremos datos por medio de POST y buscaremos este dato en una tabla de mysql, el resultado de la consulta lo  mostraremos en una tabla, el ejemplo se verá como la siguiente imagen.

Ejemplo de Ajax: Cargar páginas dentro de otra

Quienes trabajamos con páginas web hemos tenido que cargar páginas dentro de otra para evitar el redireccionamiento, velocidad,  por diseño o como sea. Claro que se puede recurrir al frame o iframe pero es bien sabido que para que se vea como queremos en cualquier navegador hay que cambiarle diseño y a demás que es pesado etc.
Algo sencillo que podemos hacer es utilizar Ajax tienen muchísimos pros, entre ellos que podemos cargar vistas en nuestra página sin recargarla (claro que tiene contras).

Para que tengas mas información de lo que es Ajax te recomiendo que le des una checada a esta página en donde te explicaran todo http://www.ajaxya.com.ar/.

Bueno aqui te voy a ofrecer un ejemplo muy básico de como  utilizar Ajax en tu proyecto. El ejemplo va a consistir en un link dentro de la página principal que al hacer click sobre el mostrara una tabla sin que la página se recargue. La tabla que va a mostrar se encuentra en otro archivo.