AJAX es sin duda una de las tecnologías de desarrollo web más populares en 2005. Por supuesto, este crédito no se puede separar de Google. Soy simplemente un desarrollador común y corriente y no uso mucho AJAX. Simplemente compartiré mi experiencia al usarlo. (Este artículo supone que el usuario ya tiene capacidades básicas de desarrollo web como JavaScript, HTML y CSS)
[Introducción a AJAX]
Ajax es un método de desarrollo de aplicaciones web que utiliza scripts del lado del cliente para intercambiar datos con el servidor web. Las páginas web se pueden actualizar dinámicamente sin interrumpir el proceso de interacción y volver a editarlas. Con Ajax, los usuarios pueden crear interfaces de usuario web directas, de alta disponibilidad, más ricas y más dinámicas, cercanas a las aplicaciones de escritorio nativas.
JavaScript y XML asincrónicos (AJAX) no es una tecnología nueva, pero utiliza varias tecnologías existentes, incluidas hojas de estilo en cascada (CSS), JavaScript, XHTML, XML y transformaciones de lenguaje de estilo extensible (XSLT) para desarrollar software de aplicaciones web con apariencia y acción similar a software de escritorio.
[Principio de ejecución de AJAX]
Una interacción Ajax comienza con un objeto JavaScript llamado XMLHttpRequest. Como sugiere el nombre, permite que un script del lado del cliente realice solicitudes HTTP y analizará una respuesta del servidor con formato XML. El primer paso en el procesamiento Ajax es crear una instancia XMLHttpRequest. Utilice el método HTTP (GET o POST) para manejar la solicitud y establecer la URL de destino en el objeto XMLHttpRequest.
Cuando envía una solicitud HTTP, no desea que el navegador se cuelgue y espere una respuesta del servidor. En lugar de eso, desea continuar respondiendo a las interacciones de la interfaz del usuario a través de la página y procesar las respuestas del servidor una vez que realmente lleguen. Para lograr esto, puede registrar una función de devolución de llamada con XMLHttpRequest y enviar la solicitud XMLHttpRequest de forma asincrónica. El control se devuelve inmediatamente al navegador y, cuando llegue la respuesta del servidor, se llamará a la función de devolución de llamada.
[Aplicación práctica de AJAX]
1. Inicializando Ajax
Ajax en realidad llama al objeto XMLHttpRequest, por lo que primero debemos llamar a este objeto. Construimos una función para inicializar Ajax:
/**.
* Inicializar un objeto xmlhttp
*/
funciónInitAjax()
{
var ajax=falso;
intentar {
ajax = nuevo ActiveXObject("Msxml2.XMLHTTP");
} atrapar (e) {
intentar {
ajax = nuevo ActiveXObject("Microsoft.XMLHTTP");
} atrapar (E) {
ajax=falso;
}
}
si (!ajax