Ajax

Realiza llamadas de servicio Ajax con PHP, jQuery y JSON
Un sistema centralizado y estandarizado basado en eventos
Jeremy J. Wischusen Web Application Architect Binary Neuron L.L.C. Nivel de dificultad: Intermediaria Fecha: 25-09-2012

En este artículo, conozca un sistema para hacer y responder a las llamadas de servicio de Asynchronous JavaScript and XML (Ajax) de una manera coherente,basada en eventos. El sistema puede determinar si una llamada de proceso remoto tiene éxito o fracasa. Descubra cómo estandarizar el formato del resultado de los objetos retornados por las llamadas de servicio Ajax, proporcionar respuestas basadas en eventos a las llamadas de Ajax y centralizar el manejo de los resultados de Ajax. El sistema utiliza tecnologías PHP, jQuery y JSON, y un código deejemplo lo guía a través de la construcción del sistema. El artículo finaliza con un ejemplo de llamada Ajax que muestra cómo interactúan las piezas del sistema.

Introducción
En este artículo, conozca un sistema para hacer y responder a las llamadas de servicio Ajax de una manera coherente, basada en eventos utilizando PHP, jQuery y JSON. El sistema se destina a llamadas de Ajax para servicios comoinicio de sesión y actualización de perfil (no para la simple carga de contenido, como una página HTML). Usted puede utilizar este sistema para determinar si una llamada de proceso remoto tiene éxito o fracasa. Acrónimos de uso frecuente
• • • • Ajax: Asynchronous JavaScript + XML DOM: Document Object Model HTML: Hypertext Markup Language JSON: JavaScript Serialized Object Notation Marcas Pagina1 de 13

© Copyright IBM Corporation 2012 Realiza llamadas de servicio Ajax con PHP, jQuery y JSON

developerWorks®
•

ibm.com/developerWorks/ssa/
PHP: Hypertext Preprocessor

Para seguir con este artículo se supone que usted: • Está familiarizado con la base de la programación orientada a objetos en JavaScript y PHP. • Está familiarizado con el modelo de eventos DOM Level 2 y en cómointeractuar con ella en JavaScript. Para el sistema de ejemplo, usted interactúa con este modelo utilizando la librería jQuery. • Tiene un conocimiento básico de los conceptos de Ajax. • Sabe cómo los objetos se construyen y son referidos utilizando la notación JSON. Consulte Resources para información adicional sobre estas tecnologías y conceptos. Tecnologías subyacentes El sistema descrito eneste artículo utiliza las siguientes tecnologías: • Acceso a un servidor PHP 5 con una función json_encode de PHP (requiere PHP 5.2.0 o mayor y PHP Extension Community Library o PECL, JSON 1.2.0 o mayor). • La biblioteca jQuery JavaScript (Versión 1.4.4 o mayor).

Objetivos del sistema
El escenario involucra a una empresa que ha decidido rehacer uno de sus sitios web. Como parte del rediseño, laempresa quería que el inicio de sesión y la edición de perfiles se hiciera con ventanas emergentes Ajax. Debido a que el sitio ya estaba en renovación, se aprovechó la oportunidad para implementar ideas para estandarizar la manera de hacer y responder las llamadas de servicio Ajax. El nuevo sistema fue creado para lograr tres objetivos principales: • Estandarizar el formato del resultado de losobjetos retornados por las llamadas de servicio Ajax. • Proporcionar respuestas basadas en eventos a las llamadas de Ajax. • Centralizar el manejo de resultados de Ajax. El resto de este artículo describe cómo el sistema alcanza estos objetivos.

Estandarizar el formato del resultado de los objetos retornados por las llamadas de Ajax.
La clase PHP ServiceResult estandariza el objeto resultantecreado al hacer una llamada de Ajax. Todas las llamadas de servicio Ajax retornan un objeto codificado
Realiza llamadas de servicio Ajax con PHP, jQuery y JSON Pagina 2 de 13

ibm.com/developerWorks/ssa/

developerWorks®

en JSON de este tipo, dando a todas las llamadas de servicio Ajax una interfaz coherente y predecible. El Listado 1 muestra la clase PHP ServiceResult . Listado 1. Clase...