JavaScript

En este capítulo aprenderá a integrar XML en el lenguaje más extendido: JavaScript.

1. Breve introducción

JavaScript es un lenguaje de programación muy útil en el desarrollo web. Fue creado en 1995 por Brendan Eich. Es un lenguaje que se ejecuta del lado del cliente, a diferencia de lenguajes como PHP, que se ejecutan del lado del servidor. En definitiva, JavaScript funciona en su ordenador y utiliza sus recursos, lo que hace que sea más rápido poner a funcionar los programas Web. Por ejemplo, cuando rellena un formulario en la web y un mensaje nos informa, después de introducir los datos, que la información que ha introducido es incorrecta, es normalmente JavaScript el que lo hace posible.

JavaScript puede utilizarse directamente en las páginas Web. Definimos las funciones entre las etiquetas <head></head> de la página web y las invocamos en el cuerpo de la página.

También es posible colocar el código fuente de JavaScript en un archivo externo (recomendado) con la extensión .js.

JavaScript es un lenguaje interpretado, es decir, que no requiere de un programa propio para ejecutarlo.

Dado que los navegadores de Internet integran JavaScript, es un lenguaje que puede utilizarse en casi todas las plataformas. No sólo en los ordenadores de oficina, sino también en las PDA y los teléfonos móviles.

Para programarlo basta...

DOM

1. DOM HTML y XML

DOM es un estándar del consorcio W3C. Se creó para definir un modelo de documento accesible y modificable por cualquier programa o script. Antes de su estandarización, cada navegador tenía su propio DOM.

El DOM tiene tres niveles:

La especificación DOM level 1 (DOM nivel 1) se divide en dos categorías:

Core DOM level 1: la especificación para los documentos en general (incluidos los XML);
HTML DOM level 1: la especificación que contiene únicamente los métodos aplicables al HTML.

La especificación DOM level 2 añade nuevas funcionalidades como los eventos y tiene en cuenta las hojas de estilo CSS en la jerarquía de objetos.
La especificación DOM level 3 mejora el soporte de los espacios de nombres XML. Por lo tanto, los servicios web son más fáciles de implementar. La aportación de XPath también forma parte de las especificaciones.

En la actualidad, el DOM level 3 solo está integrado en parte en los navegadores.

El DOM HTML define todos los objetos (enlaces HTML como el objeto Anchor, formularios de introducción de datos...), las propiedades HTML (dirección de un enlace HTML...) y todos los métodos de acceso.

2. DOM y JavaScript

A una página web que muestra simplemente un documento HTML se le llama estática. Dinamizar un sitio es utilizar un lenguaje de programación y aportar funcionalidades...

XMLHttpRequest

1. Principio

XMLHttpRequest es un objeto JavaScript que permite intercambiar datos entre cliente y servidor. Estos datos pueden estar en formato XML, HTML y de texto.

XMLHttpRequest fue creado por Microsoft y más tarde retomado por Mozilla.

Antes de la creación de este objeto, el usuario que visita una página web y desea obtener datos (almacenados, por ejemplo, en una base de datos) debe ejecutar la solicitud de estos datos y esperar a que se envíen y se muestren en una nueva página o en la misma tras actualizarse, lo cual puede llevar mucho tiempo.

Con el objeto XMLHttpRequest y JavaScript, un usuario puede obtener rápidamente los datos de una base de datos o un documento XML sin tener que abandonar la página. Esto ha modificado considerablemente la consulta de páginas web y permite construir verdaderas aplicaciones informáticas online como, por ejemplo, Google Docs, un procesador de textos on-line.

A día de hoy, el objeto XMLHttpRequest se incluye en los navegadores más recientes y en las próximas versiones de los principales navegadores: Konqueror 3.3, Microsoft IE 5.5, Mozilla 1.4, Mozilla Firefox 0.8, Netscape 7.1, Opera 8.01, Safari 1.2.1.

2. AJAX

AJAX (Asynchronous JavaScript And XML), en castellano JavaScript asíncrono y XML, es un acrónimo que representa un conjunto de tecnologías destinadas a la programación Web. Entre sus tecnologías...

jQuery y el XML

1. jQuery

jQuery es un framework de JavaScript diseñado especialmente por John Resing en 2006. Este framework permite, por ejemplo, examinar el DOM con facilidad y procesar las peticiones AJAX de manera sencilla en la mayoría de los navegadores.

jQuery también apoya varios proyectos útiles en el desarrollo web, tales como:

jQuery UI (jQuery User Interface), que permite crear y manipular interfaces ricas de Internet, como por ejemplo los calendarios:

Ejemplo de calendario en JavaScript

jQuery Mobile, que permite el desarrollo de sitios web adaptados a los teléfonos móviles:

Presentación para móviles en JavaScript

QUnit, que permite realizar pruebas unitarias.

a. Las ventajas de jQuery

Para desarrollar en JavaScript, es necesario comprobar constantemente el correcto funcionamiento de su código en diferentes versiones de navegadores. A medida que se avanza en el desarrollo, es necesario crear bibliotecas, por ejemplo para manejar las solicitudes Ajax. jQuery ofrece de manera inmediata bibliotecas fundamentales para el desarrollo web del lado del cliente y permite la creación de plug-ins, es decir, la posibilidad de enriquecer el framework a través de su código. La simplicidad de asimilación del código jQuery y su sintaxis ligera lo convierten en un framework esencial para los desarrolladores de todo el mundo. Con buenos conocimientos de JavaScript, el uso de jQuery permite solventar las dificultades habituales en el desarrollo del lado del cliente.

b. El funcionamiento básico

Al igual que con cualquier secuencia de comandos de JavaScript, para usar jQuery es necesario declarar la ubicación del archivo de la versión utilizada.

Una vez hecho esto, ya se pueden escribir scripts. El trabajo realizado con JavaScript consiste...

Conclusión

El conocimiento de XML y de JavaScript es esencial para un desarrollador. Gracias al éxito de AJAX, estos dos lenguajes se encuentran en muchas aplicaciones. El trabajo del W3C sobre el DOM level 3 permite, por ejemplo, utilizar XPath con Mozilla.

El XML se utiliza cada vez más en aplicaciones Web y en aplicaciones cliente. Lo mismo ocurre con JavaScript, que se utiliza en aplicaciones conocidas como en modo desconectado, es decir, que funcionan tanto con conexión a Internet como sin ella.

XML y JavaScript