AJAX - Historial de revisiones

Carlos idict: Texto reemplazado: «Category:» por «Categoría:»

2019-08-16T05:41:23Z

Texto reemplazado: «Category:» por «Categoría:»

Dianiseli en 12:47 28 abr 2013

2013-04-28T12:47:45Z

Humberto0601ad jc en 03:08 17 jun 2012

2012-06-17T03:08:42Z

Zeus91 en 19:57 1 dic 2011

2011-12-01T19:57:44Z

Zeus91: /* Problemas e Inconvenientes */

2011-12-01T12:37:46Z

‎Problemas e Inconvenientes

Yanetajccmg: /* Problemas e Inconvenientes */

2011-06-14T14:30:00Z

‎Problemas e Inconvenientes

Humberto0601ad jc en 00:31 24 nov 2010

2010-11-24T00:31:01Z

Humberto0601ad jc en 00:30 24 nov 2010

2010-11-24T00:30:08Z

Abel oni: Página creada con ''''Ajax''', acrónimo de '''''A'''synchronous '''J'''avaScript '''A'''nd '''X'''ML'' (JavaScript asíncrono y XML), es una técnica de desarrollo Web para crear apli…'

2010-04-06T19:51:22Z

Página creada con ''''Ajax''', acrónimo de '''''A'''synchronous '''J'''avaScript '''A'''nd '''X'''ML'' (JavaScript asíncrono y XML), es una técnica de desarrollo Web para crear apli…'

Página nueva

'''Ajax''', acrónimo de '''''A'''synchronous '''J'''avaScript '''A'''nd '''X'''ML'' ([[JavaScript]] asíncrono y [[XML]]), es una técnica de desarrollo [[Web]] para crear aplicaciones interactivas o [[Rich Internet Application|RIA]] (Rich Internet Applications). Estas aplicaciones se ejecutan en el [[Cliente (informática)|cliente]], es decir, en el [[Navegador web|navegador]] de los usuarios mientras se mantiene la comunicación [[Asíncrono|asíncrona]] con el servidor en segundo plano. De esta forma es posible realizar cambios sobre las páginas sin necesidad de recargarlas, lo que significa aumentar la interactividad, velocidad y [[Usabilidad]] en las aplicaciones.

Ajax es una tecnología asíncrona, en el sentido de que los datos adicionales se requieren al servidor y se cargan en segundo plano sin interferir con la visualización ni el comportamiento de la página. [[JavaScript]] es el lenguaje interpretado (scripting language) en el que normalmente se efectúan las funciones de llamada de Ajax mientras que el acceso a los datos se realiza mediante ''[[XMLHttpRequest]]'', objeto disponible en los navegadores actuales. En cualquier caso, no es necesario que el contenido asíncrono esté formateado en [[XML]].

Ajax es una técnica válida para múltiples plataformas y utilizable en muchos sistemas operativos y navegadores dado que está basado en estándares abiertos como JavaScript y [[Document Object Model]] (DOM).

<br>

== Tecnologías incluidas en Ajax ==

Ajax es una combinación de cuatro tecnologías ya existentes:

*[[XHTML]] (o [[HTML]]) y [[Hojas de estilos en cascada]] (CSS) para el diseño que acompaña a la información.
*[[Document Object Model]] (DOM) accedido con un lenguaje de scripting por parte del usuario, especialmente implementaciones [[ECMAScript]] como [[JavaScript]] y [[JScript]], para mostrar e interactuar dinámicamente con la información presentada.
*El objeto [[XMLHttpRequest]] para intercambiar datos de forma asíncrona con el servidor web. En algunos [[Framework]]s y en algunas situaciones concretas, se usa un objeto <tt>[[Iframe]]</tt> en lugar del XMLHttpRequest para realizar dichos intercambios.
*[[XML]] es el [[Formato]] usado generalmente para la transferencia de datos solicitados al servidor, aunque cualquier formato puede funcionar, incluyendo HTML preformateado, texto plano, [[JSON]] y hasta [[EBML]].

Como el [[DHTML]], [[LAMP]] o SPA, Ajax no constituye una tecnología en sí, sino que es un término que engloba a un grupo de éstas que trabajan conjuntamente.

== Antecedentes de Ajax ==

A pesar de que el término «Ajax» fuese creado en 2005, la historia de las tecnologías que permiten Ajax se remonta a una década antes con la iniciativa de [[Microsoft]] en el desarrollo de [[Scripting Remoto]]. Sin embargo, las técnicas para la carga asíncrona de contenidos en una página existente sin requerir recarga completa remontan al tiempo del elemento <tt>iframe</tt> (introducido en Internet Explorer 3 en 1996) y el tipo de elemento <tt>layer</tt> (introducido en Netscape 4 en 1997, abandonado durante las primeras etapas de desarrollo de Mozilla). Ambos tipos de elemento tenían el atributo <code>src</code> que podía tomar cualquier dirección [[URL]] externa, y cargando una página que contenga [[Javascript]] que manipule la página paterna, pueden lograrse efectos parecidos al Ajax.

El Microsoft's Remote Scripting (o MSRS, introducido en [[1998]]) resultó un sustituto más elegante para estas técnicas, con envío de datos a través de un [[Applet Java]] el cual se puede comunicar con el cliente usando JavaScript. Esta técnica funcionó en ambos navegadores, Internet Explorer versión 4 y Netscape Navigator versión 4. Microsoft la utilizó en el [[Outlook Web Access]] provisto con la versión 2000 de [[Microsoft Exchange Server]].

La comunidad de desarrolladores web, primero colaborando por medio del [[Grupo de noticias]] ''[http://groups.google.es/group/microsoft.public.scripting.remote/topics?lnk=gschg&hl=es microsoft.public.scripting.remote]'' y después usando [[Blog]]s, desarrollaron una gama de técnicas de scripting remoto para conseguir los mismos resultados en diferentes navegadores. Los primeros ejemplos incluyen la biblioteca [[Scripting remoto en Javascript|JSRS]] en el año 2000, la introducción a la técnica [[Imagen/cookie]]<ref name="tecnica_imagen_cookie">[http://www.depressedpress.com/Content/Development/JavaScript/Articles/GIFAsPipe/Index.cfm Using a GIF as a Data Pipe], explicación y ejemplo de uso de la técnica imagen/cookie (en inglés).</ref> en el mismo año y la técnica [[JavaScript bajo demanda]] (JavaScript on Demand)<ref name="js_on_demand">[http://dotvoid.com/view.php?id=13 Remote scripting with javascript], Explicación y ejemplo de procesar un archivo JavaScript bajo demanda (en inglés).</ref> en 2002. En ese año, se realizó una modificación por parte de la comunidad de usuarios<ref name="modif_usuarios_MSRS_applet_por_js">[http://groups.google.ca/group/microsoft.public.scripting.remote/browse_thread/thread/99b7e6152b45b2e7/6b3689e2dc7401dc microsoft.public.scripting.remote], sustitución del applet Java por el objeto XMLHttpRequest (en inglés).</ref> al ''Microsoft's Remote Scripting'' para reemplazar el applet Java por [[XMLHttpRequest]].

[[Framework]]s de Scripting Remoto como el [[ARSCIF]]<ref name="arscif">[http://arscif.dsi.unimi.it/ ARSCIF], A Framework for Asynchronous Remote–Script Callback Invocation (en inglés)</ref> aparecieron en 2003 poco antes de que [[Microsoft]] introdujera Callbacks en [[Active Server Pages|ASP]]. NET.<ref name="callback_en_ASPNET">[http://msdn.microsoft.com/msdnmag/issues/04/08/CuttingEdge/ Script Callbacks in ASP.NET (en inglés)]</ref>

Desde que XMLHttpRequest está implementado en la mayoría de los navegadores, raramente se usan técnicas alternativas. Sin embargo, todavía se utilizan donde se requiere una mayor compatibilidad, una reducida implementación, o acceso cruzado entre sitios web. Una alternativa, el [[Terminal SVG]]<ref name="svgt">[http://networkimprov.net/airwrx/awscene.html protocolo SVGT] (en inglés).</ref> (basado en [[Scalable Vector Graphics|SVG]]), emplea una conexión persistente para el intercambio continuo entre el navegador y el servidor.

== Problemas e Inconvenientes ==

*Las páginas con AJAX son mas difíciles de desarrollar que las páginas estáticas.

*Las páginas creadas dinámicamente mediante peticiones sucesivas AJAX, no son registradas de forma automática en el historial del navegador, así que haciendo clic en el botón de "volver" del navegador, el usuario no sera devuelto a un estado anterior de la página, en cambio puede volver a la última página que visitó. Soluciones incluyen el uso de IFrames invisible para desencadenar cambios en el historial del navegador y el cambio de la porción de anclaje de la dirección (después de un #).

*Los motores de búsquedas no entienden JavaScript. La información en la página dinámica no se almacena en los registros del buscador.

*Hay problemas usando Ajax entre nombres de dominios. Eso es una función de seguridad.

*El sitio con Ajax usa más recursos en el servidor.

*Es posible que páginas con Ajax no puedan funcionar en telefonos moviles, PDA u otros aparatos. Ajax no es compatible con todos los software para ciegos u otras discapacidades.

== Navegadores que permiten Ajax ==

Ha de tenerse en cuenta que ésta es una lista general, y el soporte de las aplicaciones Ajax dependerá de las características que el navegador permita.

*Navegadores basados en [[Gecko (motor de navegación)|Gecko]] como [[Mozilla Application Suite|Mozilla]], [[Mozilla Firefox]], [[SeaMonkey]], [[Camino (navegador)|Camino]], [[K-Meleon]], [[IceWeasel]], [[Flock]], [[Epiphany]], [[Galeon]] y [[Netscape]] versión 7.1 y superiores
*[[Google Chrome]]
*[[Microsoft]] [[Internet Explorer]] para Windows versión 5.0 y superiores, y los navegadores basados en él
*Navegadores con el [[Interfaz de programación de aplicaciones|API]] [[KHTML]] versión 3.2 y superiores implementado, incluyendo [[Konqueror]] versión 3.2 y superiores, [[Apple Computer|Apple]] [[Safari (navegador)|Safari]] versión 1.2 y superiores, y el Web Browser for S60 de [[Nokia]] tercera generación y posteriores
*[[Opera (navegador)|Opera]] versión 8.0 y superiores, incluyendo [[Opera (navegador)|Opera Mobile Browser]] versión 8.0 y superiores.

== Navegadores que no permiten Ajax ==

*Opera 7 y anteriores
*Microsoft Internet Explorer para Windows versión 4.0 y anteriores
*Safari 1.2 y anteriores
*[[Dillo]]
*Navegadores basados en texto como [[Lynx (navegador)|Lynx]] y [[Links]]
*Navegadores para personas con capacidades especiales visuales ([[Braille (lectura)|Braille]])
*Algunos navegadores de teléfonos móviles
*Navegador de la [[PSP]]

= Véase también =

*[[AjaxCFC]]
*[[AjaXSLT]]
*[[FJAX]]
*[[Streaming|HTTP Streaming]]
*[[JSON|JSON, AJAX sin XML]]
*[[Open Ajax]]
*[[Progressive Enhancement]]
*[[Rich Internet Application]]
*[[Sajax]]
*[[Single Page Application]]
*[[AjaxCore]] AJAX for PHP made easy
*[[Xajax]] ajax for PHP
*[[XMLHttpRequest]]

== Referencias ==

{{listaref}}

= Enlaces externos =

*[http://www.elrincondeajax.com/manual-ajax/ Manual de AJAX] Completo tutorial en PDF de la técnica de programación con fuentes y varios videos
*[http://www.uberbin.net/archivos/internet/ajax-un-nuevo-acercamiento-a-aplicaciones-web.php AJAX un nuevo acercamiento a Aplicaciones Web], traducción del artículo original de Jesse James Garret
*[http://sherekan.com.ar/blog/2008/04/19/introduccion-a-ajax/ Introducción a AJAX] (en español)
*[http://ajax.asp.net/ AJAX: The Official Microsoft ASP.NET AJAX Site] Sitio oficial de Microsoft (en inglés)
*[http://search.cpan.org/search?query=Ajax&mode=all Ajax] Módulos [[Perl]] en [[CPAN]] (en inglés)
*[http://www.ajaxdaddy.com AjaxDaddy] Galería de ejemplos y su correspondiente código
*[http://www.librosweb.es/ajax/index.html Introducción a AJAX] Comenzando desde cero y llegando hasta las técnicas más avanzadas (Contenido en web y en PDF).
*[http://www.programacionweb.net/cursos/curso.php?num=2 Curso de AJAX]
*[http://soaagenda.com/journal/articulos/el-mejor-ejemplo-dwr-o-el-mejor-tutorial-dwr/ Referencias de AJAX, y un buen ejemplo AJAX DWR]

[[Category:Ciencias_informáticas]] [[Category:Programación]] [[Category:Desarrollo_web]]

← Revisión anterior		Revisión del 05:41 16 ago 2019
Línea 112:		Línea 112:
	*[http://soaagenda.com/journal/articulos/el-mejor-ejemplo-dwr-o-el-mejor-tutorial-dwr/ Referencias de AJAX, y un buen ejemplo AJAX DWR]		*[http://soaagenda.com/journal/articulos/el-mejor-ejemplo-dwr-o-el-mejor-tutorial-dwr/ Referencias de AJAX, y un buen ejemplo AJAX DWR]

−	[[~~Category~~:Ciencias_informáticas]] [[~~Category~~:Programación]] [[~~Category~~:Desarrollo_web]]	+	[[Categoría:Ciencias_informáticas]] [[Categoría:Programación]] [[Categoría:Desarrollo_web]]

@@ Línea 2: / Línea 2: @@
 {{Ficha Software
 |nombre=Asynchronous JavaScript And XML
-|imagen=AJAX_(programacion).jpg
+|imagen=AJAX_(programacion).jpeg
 |descripción=Tecnología asíncrona
 |creador=

← Revisión anterior		Revisión del 03:08 17 jun 2012
Línea 1:		Línea 1:
		+	{{Otros usos\|Ajax (desambiguación)}}
	{{Ficha Software		{{Ficha Software
	\|nombre=Asynchronous JavaScript And XML		\|nombre=Asynchronous JavaScript And XML

← Revisión anterior		Revisión del 19:57 1 dic 2011
Línea 18:		Línea 18:

	Ajax es una técnica válida para múltiples plataformas y utilizable en muchos sistemas operativos y navegadores dado que está basado en estándares abiertos como JavaScript y [[Document Object Model]] (DOM).		Ajax es una técnica válida para múltiples plataformas y utilizable en muchos sistemas operativos y navegadores dado que está basado en estándares abiertos como JavaScript y [[Document Object Model]] (DOM).
		+
		+	El siguiente esquema muestra la diferencia más importante entre una aplicación web tradicional
		+	y una aplicación web creada con AJAX.
		+	[[Archivo:esquema_ajax.JPG]]

	== Tecnologías incluidas en Ajax ==		== Tecnologías incluidas en Ajax ==

@@ Línea 48: / Línea 48: @@
 * Los motores de búsquedas no entienden JavaScript. La información en la página dinámica no se almacena en los registros del buscador.
 * Hay problemas usando Ajax entre nombres de dominios. Eso es una función de seguridad.
 * Es posible que páginas con Ajax no puedan funcionar en teléfonos moviles, PDA u otros aparatos. Ajax no es compatible con todos los software para ciegos u otras discapacidades.

@@ Línea 49: / Línea 49: @@
 * Hay problemas usando Ajax entre nombres de dominios. Eso es una función de seguridad.
 * El sitio con Ajax usa más recursos en el servidor.
-* Es posible que páginas con Ajax no puedan funcionar en telefonos moviles, PDA u otros aparatos. Ajax no es compatible con todos los software para ciegos u otras discapacidades.
+* Es posible que páginas con Ajax no puedan funcionar en teléfonos moviles, PDA u otros aparatos. Ajax no es compatible con todos los software para ciegos u otras discapacidades.
 == Navegadores que permiten Ajax  ==

@@ Línea 1: / Línea 1: @@
-'''Ajax''', acrónimo de '''''A'''synchronous '''J'''avaScript '''A'''nd '''X'''ML'' ([[JavaScript]] asíncrono y [[XML]]), es una técnica de desarrollo [[Web]] para crear aplicaciones interactivas o [[Rich Internet Application|RIA]] (Rich Internet Applications). Estas aplicaciones se ejecutan en el [[Cliente (informática)|cliente]], es decir, en el [[Navegador web|navegador]] de los usuarios mientras se mantiene la comunicación [[Asíncrono|asíncrona]] con el servidor en segundo plano. De esta forma es posible realizar cambios sobre las páginas sin necesidad de recargarlas, lo que significa aumentar la interactividad, velocidad y [[Usabilidad]] en las aplicaciones.
+{{Ficha Software
 Ajax es una tecnología asíncrona, en el sentido de que los datos adicionales se requieren al servidor y se cargan en segundo plano sin interferir con la visualización ni el comportamiento de la página. [[JavaScript]] es el lenguaje interpretado (scripting language) en el que normalmente se efectúan las funciones de llamada de Ajax mientras que el acceso a los datos se realiza mediante ''[[XMLHttpRequest]]'', objeto disponible en los navegadores actuales. En cualquier caso, no es necesario que el contenido asíncrono esté formateado en [[XML]].
 Ajax es una técnica válida para múltiples plataformas y utilizable en muchos sistemas operativos y navegadores dado que está basado en estándares abiertos como JavaScript y [[Document Object Model]] (DOM).
 == Tecnologías incluidas en Ajax  ==
@@ Línea 32: / Línea 44: @@
 == Problemas e Inconvenientes  ==
-*Las páginas con AJAX son mas difíciles de desarrollar que las páginas estáticas.
+* Las páginas con AJAX son mas difíciles de desarrollar que las páginas estáticas.
 * Las páginas creadas dinámicamente mediante peticiones sucesivas AJAX, no son registradas de forma automática en el historial del navegador, así que haciendo clic en el botón de "volver" del navegador, el usuario no sera devuelto a un estado anterior de la página, en cambio puede volver a la última página que visitó. Soluciones incluyen el uso de IFrames invisible para desencadenar cambios en el historial del navegador y el cambio de la porción de anclaje de la dirección (después de un #).
-*Las páginas creadas dinámicamente mediante peticiones sucesivas AJAX, no son registradas de forma automática en el historial del navegador, así que haciendo clic en el botón de "volver" del navegador, el usuario no sera devuelto a un estado anterior de la página, en cambio puede volver a la última página que visitó. Soluciones incluyen el uso de IFrames invisible para desencadenar cambios en el historial del navegador y el cambio de la porción de anclaje de la dirección (después de un #).
+* Los motores de búsquedas no entienden JavaScript. La información en la página dinámica no se almacena en los registros del buscador.
 * Hay problemas usando Ajax entre nombres de dominios. Eso es una función de seguridad.
-*Los motores de búsquedas no entienden JavaScript. La información en la página dinámica no se almacena en los registros del buscador.
+* El sitio con Ajax usa más recursos en el servidor.
 * Es posible que páginas con Ajax no puedan funcionar en telefonos moviles, PDA u otros aparatos. Ajax no es compatible con todos los software para ciegos u otras discapacidades.
 == Navegadores que permiten Ajax  ==
@@ Línea 83: / Línea 90: @@
 == Referencias  ==
-{{listaref}}
+<references/>
 = Enlaces externos<!-- ¡AVISO!: Este no es el mejor lugar para hacer publicidad de su negocio o página web. Los enlaces no afectan su popularidad en Google u otros buscadores. Considere esto antes de incorporar un nuevo enlace.