/es/juego-del-ahorcado-en-ajax-con-json/media/Ajax_Ahorcado_Debug-619x346.jpg

Juego del ahorcado en Ajax con JSON

Ajax es una tecnología que permite enviar información al servidor desde nuestro navegador sin tener que recargar la página web. Para practicar esta tecnología los alumnos de 2º de Desarollo de Aplicaciones Web (DAW) de Centre d’Estudis Stucom han desarrollado el juego de Ahorcado con JavaScript y PHP enviando peticiones asíncronas con Ajax al servidor PHP y retornando la respuesta en formato JSON.

La estructura es muy simple: cuando el jugador quiere realizar una nueva partida clica sobre el botón correspondiente en el navegador y éste envía una petición al servidor PHP indicando la acción de iniciar. El servidor entonces escoge una palabra aleatoria y responde al navegador qué longitud tiene la palabra que ha escogido estructurando la respuesta en un formato JSON.

Para comprobar si nuestro programa funciona correctamente, podemos forzar al servidor para que nos indique la palabra que ha generado, y gracias a los inspectores de código como FireBug, podemos ver las peticiones realizadas al servidor y su respuesta :

Podemos programar el servidor pera que nos retorne la palabra generada para comprobar su funcionamiento

El servidor debe almacenar en una variable de sesión información sobre el estado de la partida tal como la palabra generada, el número de intentos, la puntuación , etc..

De esta forma, siempre será el servidor quien mantenga el estado de la partida, y no el navegador para evitar que el usuario altere los resultados.

Finalmente solo nos queda Jugar!

Empezaremos por una A. Parece que esto va bien!

Probaremos una Y

… Ohh! Poco a poco, la horca va tomando forma :S

Ahora toca con una E!, seguro que existe!

etc…

Procesando la petición. ¡Espera, por favor!