Direct Web Remoting (DWR)

Es una librería Javascript que permite el uso de Ajax  de forma mucho más simple, y sí vamos a usar Java para nuestra aplicación DWR es la mejor opción que podemos usar , otras de las ventajas de esta librería es que no necesitamos implementar servlets sino solo necesitamos clases Java POJO ya que DWR esta basado en servlets internamente.

Un problema con Ajax

Estaba intentando generar un documento que al pulsar un enlace ajax enviara la información del formulario a una método java y crear un documento con esos datos y luego que se descargara, pues tuve el problema de que no salia la ventana de abrir o descarga el documento, sino lo embebía en la misma pagina de la aplicación.
Resulta que investigando un poco y preguntado a un compañero que ajax no se puede descargar documentos, así que en vez de hacerlo con un a4j:commandLink y si utilizaba un s:link pues no me enviaba la información del formulario , así que me aconsejaron que utilizara un h:commanLink, que sí envía la información del formulario y permite la descarga de documentos.

Algunos conceptos de Ajax

• ajaxSingle -->Cuando le pones ajaxSingle="true" a un elemento a4j, estás indicando que en la petición Ajax sólo se enviará ese campo al servidor. El resto de campos del formulario no se enviarán.

• ajaxRegion -->Y un a4j:region delimita un grupo de campos que se enviarán en la petición Ajax. Digamos que determina qué trozo de la web estará involucrada en la petición Ajax.Todo lo que quede fuera de la región, no contará para el tema Ajax.

• immediate -->Cuando pones immediate="true" en un elemento JSF (no es un atributo exclusivo de A4J) estás indicando que ese elemento no pasará por la validación de JSF.

XMLHttpRequest

Es un API que implementan los navegadores Web.
Su función es crear un canal de comunicación, paralelo al usual, entre la página Web que se muestra en el navegador del cliente y el servidor que la ofrece.
El objeto XMLHttpRequest se puede invocar desde distintos lenguajes de programación.
En concreto, se utilizará el lenguaje JavaScript para acceder a este objeto.

la W3C en Abril del 2006 creó la primera especificación completa para el objeto XMLHttpRequest. Sin embargo, muchos navegadores ya habían implementado el objeto de una u otra forma. Por ello, al crear una nueva instancia del objeto en el código JavaScript de la página, se deben tener en cuenta estas implementaciones si se desean aplicaciones compatibles entre los distintos navegadores.
Para realizar este proceso se debe utilizar una función JavaScript que permita encapsular la creación de la instancia del objeto XMLHttpRequest.

JQuery, YUI, ExtJs

Vamos a dar una pequeña explicación de cada uno:

• JQuery --> no es sólo un framework,”es un nuevo tipo de libreria Javascript” con su propia API. Este ha sustituido javascript por su facil forma de trabajar simplifica el código muchisimo y por ejemplo no hay que escribir tanto código para decir que un elemento se oculte utilizando css.
• YUI --> se rige por los mismo patrones que Javascript, tiene increible librerias que puedes utilizar desde código para crear sin necesidad de html innumerables controles (desde botones, containers, menu, tabview,...). Su código es más extenso que JQuery.
  
• ExtJs -->es una biblioteca JavaScript para la construcción ricamente interactivo de aplicaciones web utilizando técnicas tales como AJAX, DHTML y DOM scripting.

AJAX

AJAX es una técnica de desarrollo para crear aplicaciones Web basada en tres tecnologías ya existentes.
No es un lenguaje de programación, como creen algunas personas.
Antes de Ajax estaba el Scripting Remoto.

Las tecnologías que forman AJAX son:

• Html-->las páginas web que son parte de la aplicacion web Ajax se crean con html y css,tambien se puede utilizar Xhtml.
  
• DOM-->esto perimite acceder a los elementos de la web(tabla,formularios) ,mediante javascript permite tratar los elementos como objetos con sus métodos y propiedades.
  
• Xml-->las transmisiones entre el cliente y el servidor se haran de forma asincrona mediante xml.Aunque tambien permite el intercambio con texto plano , pre-formateado...