Logo

domingo, 27 de marzo de 2011

Empezando con AJAX

Estoy comenzando a trabajar con AJAX y me parece muy interesante. En un principio dude sobre realizar un programa tipo WEB en lugar de hacer un programa de escritorio. Por el momento estoy trabajando en una aplicación en HTMP+PHP+POSTGRESQL dado que necesito mas interactividad APLICARE AJAX.

Buecando en la red encontré un articulo que me parece recoge una buena manera de explicar y empezar a usar AJAX.

Fuente: www.cristalab.com

AJAX (Asynchronous Javascript and XML) traducido como indica el título, no es más que una forma de programar aplicaciones interactivas para web. Esta evolución de DHTML se la ha denominado Web 2.0. Para ello utiliza XHTML y CSS para formatear la información, DOM (Document Object Model) para interactuar y visualizar dinámicamente la información, se apoya en XML, XSTL para manipular la información mostrada, el objeto XMLHttpRequest (no estándar) y Javascript para actualizar los datos sin necesidad de refrescar la página, y para manipular todas esas tecnologías.
Según la wikipedia, Jesse J. Garret, fué el que desarrolló la idea original denominándola AJAX. El objeto XMLHttpRequest fue originariamente inventado por Microsoft, usado desde internet explorer 5.0 como un objeto ActiveX, siendo accesible mediante Javascript. Mozilla en su versión 1.0 implementa el objeto compatible. DOM es una forma de representar documentos estructurados como modelos oriendos a objetos, estandarizado por W3C.
Esta forma de programar es una buena alternativa a Flash, siempre y cuando se mantengan las distancias. Flash además de tener el lenguaje ActionScript, y poder interactuar con objetos XML posee la faceta del diseño gráfico incorporado. La capacidad de impacto multimedia que ofrece Flash está muy lejos de conseguirse con AJAX. Existen Frameworks de código Javascript que permiten animar objetos, el uso de Drag and Drop, ordenar objetos, y muchas más operaciones que permiten unos efectos visuales muy atractivos y novedosos.
Google (por ejemplo Gmail) y Yahoo (por ejemplo Flickr), usan Ajax. Y ahora vamos a ver un ejemplo práctico y sencillo de usar este método de desarrollo.
  1. El objetivo es crear una página con unos enlaces que cargen contenido asíncrono (Es decir, sin cambiar de URL).
  2. Necesitaremos crear una página XHTML principal, y dos más que son las que cargaremos.
  3. Un archivo CSS para dar formato a las etiquetas xhtml.
  4. Un archivo JS, donde pondremos el código Javascript.
  5. Comprobaremos el soporte del navegador del objeto XMLHttpRequest



Los enlaces a revisar son los siguientes:



JavaScript Source: Free JavaScripts, Tutorials, Example Code, Reference, Resources, and Help - JS
The JavaScript Source is your resource for thousands of free JavaScripts for cutting and pasting into your Web pages. Get free Java Script tutorials, references, code, menus, calendars, popup windows, games and help.
JavaScript Tutorial
Free HTML XHTML CSS JavaScript DHTML XML DOM XSL XSLT RSS AJAX ASP ADO PHP SQL tutorials, references, examples for web building.
Manual de JavaScript. Tutorial de JavaScript. WebEstilo.
Manual de Javascript. Aprenda Javascript de una manera sencilla y facil. Con multitud de ejemplos y foros de discusión.
Tutorial of J2S in Eclipse (1): Hello J2S World
Building Resizable Containers with the Ext JS Library :: Dev Shed
Building Resizable Containers with the Ext JS Library
Passing a Form Object and Form Element to Functions : Form HTML « Form Control « JavaScript DHTML
Passing a Form Object and Form Element to Functions : Form HTML « Form Control « JavaScript DHTML
AJAX & DHTML Calendars for JavaScript Developers - MeanFreePath
DHTML JavaScript calendar and AJAX popup calendars - Epoch and Epoch Prime are the best available datepicker and inline multiselect DHTML calendars available!
Javascript-Coder.com — Javascript tutorials and articles
Asynchronous AJAX Calls
AJAX Asynchronous Get ** Techs-on-Call
This is an example of an asynchronous get, the most simple AJAX example. It is where you should begin if you are learning AJAX.
XMLHttpRequest
Javascript:¿Cómo puedo hacer para que al cambiar la opción seleccionada en un combo, cambien también las opciones disponibles en otro combo? - Foros del Web
Ejemplo de uso de AJAX + PHP
ajaxfreaks.com
Javascript - Foros del Web




No hay comentarios:

Publicar un comentario