No tengo idea acerca de las características de programación de AJAX. Solo sé que es Javascript asíncrono y XML. Por favor, ayúdame a conocer este idioma. He revisado muchos tutoriales de AJAX. Pero ninguno de los programas se está ejecutando. Por qué no sé ¿Guardamos el archivo con la extensión .HTML?¿Cómo hacemos la programación de AJAX?
Leer:
AJAX Tutorial por W3Schools.
AJAX Programming por Google Code University
Para empezar a programar se puede obtener el Ajax Control Toolkit por Microsoft. Deberías leer Ajax Control Toolkit Tutorials para entenderlo.
Puede usar el Microsoft Visual Web Developer 2010 Express Edition como su IDE.
Solo para agregar que AJAX se usa raramente en su forma pura con XMLHttpRequest. A menudo lo usará como parte de las bibliotecas de IU AJAX que le harán la vida más fácil. Si pertenece al mundo Java, la biblioteca AJAX es Richfaces.
Una vez que obtenga los conocimientos básicos de W3school, le sugiero que utilice un marco. Por lo general, los desarrolladores no usan XMLHttpRequest en absoluto. En cambio, los marcos de JavaScript como ExtJS, jQuery y otros marcos simplifican su trabajo. Sugiero que también aprendas algo de javascript. echa un vistazo a jQuery.
Bueno, técnicamente aún usas XMLHttpRequest en el momento que usas una biblioteca, ¡solo que no tienes que llamarla explícitamente! ;) – nico
sí .. los desarrolladores no tienen que preocuparse por eso. solo tienes que llamar a los métodos ($ .ajax() o $ .getJson()) pero internamente los frameworks usarán make XMLHttpRequest para asegurarse. –
Aparte de las respuestas correctas que los otros le dieron, a juzgar por su pregunta, creo que primero necesita aprender sobre el lado del cliente y el código del lado del servidor.
¿Guardamos el archivo con la extensión .HTML?
Sí y no. Tendrás un frontend HTML, que por ejemplo contiene un botón. Esto se interpretará desde el navegador del cliente (= usuario). De hecho, puede representarse de manera diferente según el navegador/sistema operativo/etc.
Ahora, adjunte un código JavaScript a este botón. Esto también se ejecuta en el navegador del cliente y crea un objeto XMLHttpRequest, directamente o mediante el uso de una biblioteca (JQuery & Co.). Tenga en cuenta que una biblioteca es no necesaria para hacer una solicitud AJAX. Le hará la vida más fácil si realiza muchas llamadas AJAX, pero no es esencial.
Y aquí es donde sucede la magia: el objeto XMLHttpRequest llamará asíncrona (es decir .: sin recargar la página) una página del lado del servidor. Este puede ser un archivo PHP, ASP, Perl, etc. que hace algo en el servidor, por ejemplo, consulta una base de datos. Esta parte de la operación es absolutamente independiente del cliente. El usuario puede cerrar el navegador antes de que el código del lado del servidor termine de cargarse y el servidor no lo sepa.
Una vez que el código del lado del servidor ha terminado de ejecutarse, regresa al cliente con algunos datos de respuesta (por ejemplo, una pieza de XML, JSON, HTML o lo que quiera). Finalmente, el cliente ejecuta (o no) algún otro código JavaScript en respuesta a esto, por ejemplo para escribir en la pantalla, nuevamente sin recarga de la página, algo basado en lo que el servidor ha devuelto.
En lugar de preocuparse por cómo hacer AJAX, utilice algo que le permita olvidarse de ello. Los marcos como NOLOH hacen AJAX (y Comet) automáticamente sin que tengas que hacer nada. Solo concéntrese en su aplicación y lógica de negocios y hace el resto.
Realmente, todo se hace a través de AJAX si está disponible, automáticamente. Sin trabajo de tu parte. Si no desea dedicar mucho tiempo a investigarlo, consulte este breve video que se mostró en Confoo PHP Conference el pasado mes de marzo http://www.youtube.com/phpframework#p/u/11/cdD9hSuq7aw.
Para todos aquellos preocupados, bueno, si todo es AJAX, ¿qué pasa con los motores de búsqueda? No necesita preocuparse, http://dev.noloh.com/#/articles/Search-Engine-Friendly/.
De modo que, en lugar de tener que preocuparse por todas estas tecnologías diferentes, o la relación cliente-servidor, puede sentarse, programar y hacer que su sitio web/aplicación Web funcione de inmediato.
Puede leer acerca de NOLOH es la historia de portada de este mes de la revista php | architect, http://www.phparch.com/magazine/2010/may/.
Disfrútalo.
Descargo de responsabilidad: soy cofundador de NOLOH.
Tal vez pueda ayudarlo a comprender AJAX aclarando un poco los conceptos.
Ayúdenme a saber sobre este idioma.
AJAX no es un lenguaje, es una forma de utilizar las técnicas existentes para mejorar la experiencia del usuario de un sitio web. El idioma es Javascript en el navegador, pero puede usar cualquier técnica de servidor con la que se sienta cómodo (ASP.NET, Java, PHP, Ruby, etc.)
¿Guardamos el archivo con la extensión .HTML?
Bueno, ese no es realmente el punto. Lo que tienes que entender aquí es que hay un servidor y un navegador que interactúan entre sí. Sí, puede usar archivos HTML estáticos para sus páginas (y guardarlos como archivos .html), pero necesitará un servidor para responder a las solicitudes del navegador. Esta puede ser la razón por la cual su código de muestra no funciona; necesita configurar un servidor que funcione con sus páginas.
La idea detrás de AJAX es mejorar la experiencia del usuario al no volver a cargar toda la página cuando un usuario interactúa con ella. Solicita los datos que necesita y actualiza la página utilizando Javascript para actualizar el HTML. Esto se conoce como una solicitud fuera de banda o asincrónica.
Solo sé que es Javascript asíncrono y XML.
Eso es lo que significa el acrónimo, pero no cubre por completo para qué sirve la técnica, ni es más exacto. Al principio, XML se usaba para transferir datos del servidor al cliente. La gente descubrió que XML no es tan fácil de usar en Javascript, por lo que ahora es más común usar JSON. JSON es un fragmento de javascript que se puede evaluar en el navegador. El fragmento crea objetos javascript que representan los datos. Si utiliza una biblioteca de Javascript, como otros han sugerido aquí, sin embargo, no tendrá que preocuparse por muchos detalles.
Antes de entrar en AJAX que debe asegurarse de que comprende:
Si no se siente cómodo con todos estos conceptos, quédese con las páginas web "regulares" y trate de mejorar su conocimiento paso a paso.
¿Por qué no votar? Esta respuesta puede no ser una respuesta directa a la pregunta, pero aún proporciona información muy útil con respecto a los parámetros de la pregunta en sí. Realmente me ayudó bastante. – zeboidlund
Es fácil. Ajax obtiene datos del lado del servidor por ejecución del lado del cliente. Tenemos que hacer uso de XMLHttpRequest para obtener el resultado.
Creo que debe comenzar por aprender programación web básica. –
Ajax es confuso para principiantes. No exactamente como su codificación diaria HTML/CSS. – ggfan
Si ya tiene problemas con otros tutoriales, las respuestas que recibirá para este tipo de pregunta general probablemente no lo ayudarán mucho. Será mejor que publique parte del código de un tutorial que ya ha probado y solicite ayuda de esa manera. Entonces las personas tendrían una mejor oportunidad de responder de una manera relevante. – VirtuosiMedia