wordpres examples español do_action_ref_array do_action apps add_action ajax definition

ajax - examples - web 2.0 apps



¿Qué es realmente AJAX? (22)

Tengo que empezar a usar AJAX en un proyecto y no sé por dónde empezar. ¿Puede ayudarme alguien, por favor?

"Ajax" es el término de marketing exitoso introducido en 2005 para reemplazar el antiguo término "DHTML" que no se mantuvo bien. "Ajax" hoy también forma parte de la historia a medida que surge la nueva palabra: "HTML5". Aún así, "HTML5" es prácticamente lo que solía ser "DHTML" original.

Ajax también se conoce como "el nuevo enfoque para el desarrollo de aplicaciones" en el que se crea una página web en el servidor inicialmente, pero luego, durante su vida útil, las actualizaciones se realizan en el cliente a medida que los datos o el contenido parcial se comunican a el servidor en un segundo plano

Espero que esto aclare.

AJAX (JavaScript asíncrono y XML) es un término recientemente acuñado para dos potentes funciones de navegador que han existido durante años, pero muchos desarrolladores web las pasaron por alto recientemente, cuando aplicaciones como Gmail, Google Suggest y Google Maps salen a la calle. Para saber más información sobre Ajax aprende tutorial Ajax.

AJAX es muy simple: alguien en algún lugar dijo que sería genial poder enviar algo al servidor y recibir algo de él sin volver a cargar una página.

AJAX no es una revolución, es solo un nombre para algo simple: una página web puede enviar una solicitud al servidor sin ser reloader, solo algunas cosas asíncronas aquí.

Puede agregar controles AJAX en sus páginas web sin ningún trabajo, simplemente arrástrelos con Visual Studio. Puede que tenga que agregar algún administrador para ellos, pero es simplemente una tarea de arrastrar y soltar.

Pero tenga cuidado: el navegador web no suele hablar el mismo idioma AJAX que IE ...

:)

AJAX es un término muy elegante para dar al navegador la posibilidad de actualizar partes de su contenido con la necesidad de recargar una página completa. Como muchos han dicho, no requiere XML, o incluso Javascript para implementarlo. De hecho, en sus inicios se hizo con VBScript y Jscript y se llamó DHTML. http://en.wikipedia.org/wiki/Ajax_(programming) , pero fue realmente Microsoft quien inventó el concepto detrás de él.

Esta fuente dice que Microsoft lo inició en 1999 , pero yo fecharía el nacimiento de esta tecnología aún más. Este artículo de Wired es probablemente más exacto en cuanto a la fecha de esta tecnología a fines de los 90, gran parte de ella proviene de los viejos tiempos de las columnas de MSDN DHTML Dude escritas por Michael Wallent en Microsoft que comenzaron en 1997. Gran parte de la historia es También contado en este gran video aquí por el mismo Michael: http://channel9.msdn.com/posts/Charles/Michael-Wallent-Advent-and-Evolution-of-WPF/ Megan todavía trabaja en Microsoft por cierto trabajando en el El equipo de Silverlight hoy en día, el reemplazo de Microsoft para ActiveX .

De vuelta a lo de AJAX ... cuando Jesse James Garrett, en 2005, hablaba principalmente sobre el uso de XMLHTTPRequest dentro del código Javascript y un poco de sal. Más tarde comenzó una palabra de moda que mucha gente comenzó a usar, aunque no tenían idea de lo que era, y pensaron que era algo completamente nuevo y moderno, cuando en realidad solo era un remix de algo antiguo ... algo así como Muchas canciones de hip-hop que escuchas hoy en día.

¡No es nuevo, solo una versión más nueva de algo antiguo!

AJAX significa JavaScript asíncrono y XML, aunque ya no siempre trata con datos XML. Esencialmente, se reduce al uso del objeto XMLHttpRequest a través de JavaScript que se ejecuta en el cliente para realizar una solicitud web y recuperar cierta información que utiliza para actualizar el estado de su página sin necesidad de una actualización de la página.

Comience con un tutorial básico que le muestra cómo usar Ajax básico para realizar solicitudes asíncronas, como http://www.w3schools.com/Ajax/Default.asp antes de continuar usándolo en una aplicación de nivel de producción.

Cuando lo utilice en una aplicación, es mucho mejor que investigue uno de los marcos comunes de JavaScript que abstrae las diferencias entre los distintos navegadores y facilita la manipulación de la página después de que se devuelve la solicitud. Yo personalmente recomiendo http://www.jquery.com/

Ajax es un nombre poco apropiado. Para citar el artículo wiki:

A pesar del nombre, el uso de JavaScript y XML no es realmente necesario, ni las solicitudes deben ser asíncronas.

Considerando que ahora la mayoría de la gente llama "ajax" cualquier tipo de

Aplicación web que se comunica con un servidor en segundo plano.

Del libro Pragmático Ajax :

¿Qué es el Ajax?

Ajax es una bestia difícil de destilar en una sola línea. La razón por la que es tan difícil es porque tiene dos lados:

  • Ajax puede ser visto como un conjunto de tecnologías.
  • Ajax puede verse como una arquitectura.

Ajax: JavaScript asíncrono y XML

El nombre Ajax proviene del conjunto de sus tecnologías habilitadoras: un canal de comunicación asíncrono entre el navegador y el servidor, JavaScript y XML. Cuando se definió, se concibió como lo siguiente:

  • Presentación basada en estándares usando XHTML y CSS
  • Visualización e interacción dinámicas utilizando el modelo de objeto de documento (DOM) del navegador
  • Intercambio y manipulación de datos utilizando XML y XSLT.
  • Recuperación asíncrona de datos utilizando XMLHttpRequest o XMLHTTP (de Microsoft)
  • JavaScript enlazando todo junto

Aunque es común desarrollar usando estas tecnologías habilitadoras, puede convertirse rápidamente en más problemas que recompensas.

Es por estas razones que la definición más importante para Ajax es ...

Ajax: la arquitectura

La emocionante evolución de Ajax es la forma en que diseña las aplicaciones web. Veamos primero la arquitectura web convencional:

  1. Defina una página para cada evento en la aplicación: vea elementos, compre elementos, realice el check-out, etc.
  2. Cada evento, o acción, devuelve una página completa al navegador.
  3. Esa página se muestra al usuario.

Esto nos parece natural ahora. Tenía sentido al principio de la Web, ya que la Web no era realmente acerca de las aplicaciones. La web comenzó como un repositorio de documentos; Era un mundo en el que simplemente se podía vincular entre documentos de una manera ad hoc. Se trataba de compartir documentos y datos, no de interactividad en ningún sentido significativo.

Imagina una aplicación de escritorio enriquecida por un momento. Imagine lo que pensaría si, con cada clic, todos los componentes en la pantalla de la aplicación se redibujen desde cero. Parece un poco loco, ¿no? En la Web, ese era el mundo que habitábamos hasta que llegó el Ajax.

Ajax es una nueva arquitectura. Las partes importantes de esta arquitectura son:

  • Pequeños eventos del lado del servidor: ahora los componentes en una aplicación web pueden hacer pequeñas solicitudes de vuelta a un servidor, obtener algo de información y modificar la página que se ve al cambiar el DOM. No hay actualización de página completa.

  • Asíncrono: las solicitudes publicadas en el servidor no hacen que el navegador se bloquee. El usuario puede seguir utilizando otras partes de la aplicación, y la interfaz de usuario puede actualizarse para alertar al usuario de que se está realizando una solicitud.

  • onAnything: podemos interactuar con el servidor en función de casi cualquier cosa que el usuario haga. Los navegadores modernos atrapan la mayoría de los mismos eventos de usuario que el sistema operativo: mouseovers, clics del mouse, pulsaciones de teclas, etc. Cualquier evento de usuario puede causar una solicitud asíncrona.

Todo esto suena bien, ¿no? Pero con este cambio hay que tener cuidado. Una de las mejores cosas de la Web es que cualquiera puede usarla. Tener semántica simple ayuda a que eso suceda. Si nos excedemos, podríamos sorprender a los usuarios con nuevas abstracciones de UI. Esta es una queja común con Flash UIs, donde los usuarios se enfrentan a nuevos símbolos, metáforas y acciones necesarias para lograr resultados útiles.

Es JavaScript, pero funciona.

Es un producto de limpieza.

También significa algo muy genial construido con un lenguaje de programación muy odioso.

Es una palabra de moda, su esencia es:

Uso de Javascript para realizar una solicitud HTTP asíncrona (en segundo plano) .

Cuando llega el contenido, se lleva a cabo una acción, generalmente ejecutando algo de lógica y luego actualizando la apariencia de la página mediante la manipulación del árbol DOM; es decir, insertar nuevos elementos HTML, eliminar algunos elementos html, etc.

La X en AJAX significa XML, pero es irrelevante. XML es solo una de las muchas formas de formatear los datos que envía el servidor. JSON es una alternativa mucho mejor (IMNSHO). Además, el servidor puede enviar texto plano o simplemente html regular.

La palabra clave aquí es solicitud asíncrona. Una solicitud que sucede en segundo plano, sin que el navegador tenga que volver a cargar la página.

La idea aproximada en inglés:

Tienes una página web. Se produce algún evento (puede ser una pulsación de botón u otro evento de formulario, o simplemente algo desencadenado por un temporizador) y activa el código JavaScript que solicita al servidor información nueva (como el valor más reciente de las acciones).

Hay una pieza de código en el servidor que recopila la información que pasaste y la devuelve. Eso es diferente del trabajo de servicio de páginas que normalmente tiene el servidor.

Cuando el servidor responde, se llama a una función de devolución de llamada (que usted especificó en la llamada de JavaScript al servidor) con la información del servidor. Su código de JavaScript usa la información para actualizar algo, como un gráfico de acciones de lo que parece.

Leí Head First AJAX como mi primera referencia de AJAX y lo encontré para ofrecer una descripción simple y práctica de AJAX.

Lo intentaré y diré que "es el concepto de tener una solución basada en W3C (JavaScript, HTML y CSS) para crear aplicaciones enriquecidas para ejecutar en la web en un navegador"

Todo lo demás son solo "detalles técnicos", supongo ...;)

¡PD! - ¡¡¡INCREÍBLE pregunta ... !! ;)

Más comúnmente, se refiere al uso del objeto XMLHttpRequest a través de JavaScript * en un navegador.

Dependiendo de a quién le pregunte, se podría usar para describir casi cualquier tipo de comunicación cliente / servidor a través de HTTP que no sea simplemente escribir una URL en un navegador.

* jQuery proporciona un código envolvente agradable para manejar las diferencias entre navegadores, etc.

No debe confundirse con el cleaner , AJAX, el término de tecnología , en realidad describe un marco o, mejor dicho, como una técnica para usar XML y JavaScript para realizar llamadas asíncronas al código del lado del servidor ...

Aquí hay algunos buenos ejemplos de código . Y algo more .

Si bien muchos de estos ejemplos anteriores muestran cómo crear todos los objetos de Solicitud XML, si observa el kit de herramientas de control AJAX de Microsoft para aplicaciones ASP.NET o jQuery, encontrará que es más fácil trabajar con ellos.

Muestra jQuery (del sitio http://jquery.com/ ):
cuando se golpea el código, el archivo some.php se golpea pasando los valores de nombre y ubicación en.

<script type="javascript"> function saveDataAjax(){ $.ajax({ type: "POST", url: "some.php", data: "name=John&location=Boston", success: function(msg){ alert( "Data Saved: " + msg ); } }); } </script> <input type="submit" onClick="saveDataAjax();" value="submit" />

Solo para agregar ... puede que no sea relevante para la pregunta ... aunque, AJAX se hizo famoso por Gmail en sus correos electrónicos del navegador ... el crédito de AJAX va a Microsoft ... crearon la cosa AJAX ...

Uso creativo de tecnología previamente conocida. Tanto las secuencias de comandos del lado del navegador como el acceso programático a los datos en el servidor se han conocido anteriormente. En AJAX se ha elaborado para un uso innovador y ha permitido nuevas aplicaciones de la tecnología conocida anteriormente. El RESTO viene a la mente como un tipo similar de avance ...

AJAX = A avaScript síncrono y nd X ML.

AJAX es una técnica para crear páginas web rápidas y dinámicas.

AJAX permite que las páginas web se actualicen de forma asíncrona al intercambiar pequeñas cantidades de datos con el servidor entre bastidores. Esto significa que es posible actualizar partes de una página web, sin volver a cargar toda la página .

Las páginas web clásicas (que no usan AJAX) deben volver a cargar toda la página si el contenido debe cambiar.

Ejemplos de aplicaciones que utilizan AJAX: Google Maps, Gmail, Youtube y pestañas de Facebook (DESDE w3school ). para entenderlo simplemente: cuando solicitamos un enlace o un formulario de envío, solicitamos una sincronía al servidor para los datos. La página web destruye la página actual y regenera una nueva página. pero con el navegador AJAX puede enviar la misma solicitud sin volver a pintar toda la página.