¿Cómo empezar a aprender Ajax?

Question

Ajax - JavaScript asíncrono Y XML

¿Qué incluye? HTML, JavaScript, XML, jQuery?

¿Cuál es la mejor manera de comenzar a aprender Ajax? ¿Debo comenzar desde lo básico de HTML y JavaScript o basar mi instrucción en un idioma o biblioteca en particular?

Answer 1

Ajax es, en resumen, el proceso de comunicación con un servidor web desde una página, mediante JavaScript, sin salir de la página.

Las principales cosas que necesita saber para esto son:

• El código JavaScript necesario para hacer la solicitud y gestionar la respuesta
• El código del lado del servidor necesario para recibir la solicitud y que la respuesta (a menos está utilizando un servicio que proporciona esto para usted)

El lado del servidor de esto depende mucho del entorno del lado del servidor con el que está trabajando, por lo que hay poco útil que pueda decirse. Lo que generalmente se puede decir es qué forma pueden tomar las respuestas.

• JSON es un método popular para el envío de datos estructurados.
• XML es otra forma de enviar datos estructurados, pero ha estado perdiendo popularidad desde que JSON es, con toda probabilidad, más fácil de usar.
• Los trozos de HTML son populares para empujar en las páginas con innerHTML.
• Pequeños bits de texto sin formato son útiles para respuestas simples.

En cuanto a la parte del cliente, hay tres enfoques comunes:

• XMLHttpRequest: Bien apoyado y flexible.
• fetch: Un reemplazo para XHR con una API más agradable pero con soporte de navegador más limitado.
• JSONP: Un truco para evitar la Política de Mismo Origen que se volvió obsoleta con la introducción de CORS, pero que puede encontrar de vez en cuando.

He mencionado la misma política de origen anterior. Normalmente a script isn't allowed to read data from another domain por razones de seguridad. El CORS standard le permite solucionar esto.

Ahora, para algunos recursos:

• El W3C proporciona una buena guía para JavaScript and other web standards si necesita algunos antecedentes.
• MDN also has an introduction to JS
• MSN tiene una buena guía para el XMLHttpRequest object
• Ajaxian tiene una introducción a JSON-P
• jQuery tiene functions to help with Ajax.

Answer 2

AJAX = JavaScript y XML asíncronos.

Así que, básicamente, es javascript. jQuery, entre otras cosas, simplifica su código enviando solicitudes AJAX. HTML es marcado, no idioma y no está relacionado con AJAX.

Puede comenzar con this tutorial.

Answer 3

Utilizándolo realmente. Es la mejor forma de aprender algo. ¡Cualquier cosa!

Answer 4

Necesita tener conocimientos de HTML y Javascript. W3Schools tiene un tutorial sobre conceptos básicos que lo ayudará a aprender. La mejor forma de aprender es poner un código y usarlo. Y además, ahora, JQuery (una biblioteca de JavaScript), hace que aprender Ajax sea más divertido y fácil. El sitio web tiene buena documentación y algunos ejemplos de código Ajax también.

Answer 5

Primero necesita comprender Javascript y cómo programarlo. Por mi parte, cuando comencé a desarrollar Javascript, mi experiencia fue principalmente C, C++, Perl y similares.

Debido a ese fondo, rápidamente se me ocurre la necesidad en Javascript de poder consultar dinámicamente los datos de la página actual (sin ninguna redirección) al servidor web. Luego descubrí el objeto Ajax clave habitual XMLHttpRequest.

Le recomendaría que utilice el Javascript "normal" al principio, realice algunas acciones dinámicas básicas, como la visualización del tiempo, el texto en movimiento (...).

A continuación, puede intentar implementar un programa simple que muestre el valor del reloj de su servidor. Porque XmlHttpRequest realiza un diálogo entre el servidor web y el cliente (navegador).

Para eso necesita tener acceso a un servidor web (por ejemplo, Apache). Debe elegir el idioma que usará en el servidor para responder las Xmlhttprequests, p. Ej. PHP, CGI de Perl, etc ... Necesita que Apache envíe las secuencias de comandos a esa secuencia de comandos PHP ... El script deberá mostrar el resultado.

Browser-Javascript request 

==> Web server (eg PHP) 
    to Display the clock = 
          " 
Back to browser  <== 

El código javacript obtendrá esa respuesta y tendrá que mostrar ese resultado en alguna parte.

En términos de libro, Javascript 5 de Flanagan es mi primera opción.