Ajax significa "JavaScript y XML asíncrono" y se refiere a una tecnología de desarrollo web para crear aplicaciones web interactivas. La tecnología Ajax es una colección de todas las tecnologías disponibles actualmente en los navegadores a través de scripts JavaScript. Ajax utiliza todas estas tecnologías de una manera nueva, revitalizando el antiguo estilo B/S de desarrollo web.
Entre las tecnologías Ajax, la tecnología principal es XMLHttpRequest. Su nombre original es XMLHTTP. Fue lanzada por primera vez por Microsoft en el navegador IE5.0 en 1999 para satisfacer las necesidades de los desarrolladores. Posteriormente, esta tecnología recibió el nombre de XMLHttpRequest según la especificación anterior. Esto es lo que hace que la tecnología Ajax sea única. En resumen, XMLHttpRequest proporciona un medio para que los scripts JavaScript que se ejecutan en el navegador se comuniquen con el servidor dentro de la página. JavaScript dentro de la página puede obtener datos del servidor o enviar datos al servidor sin actualizar la página. La aparición de XMLHttpRequest proporciona una nueva posibilidad para el desarrollo web e incluso cambia por completo la visión que tiene la gente sobre en qué consisten las aplicaciones web. Nos permite realizar desarrollo web de una manera completamente nueva y brindar a los usuarios una mejor experiencia interactiva.
A diferencia del desarrollo web tradicional, Ajax no ve las aplicaciones web de forma estática y basada en páginas. Desde la perspectiva de Ajax, una aplicación web debería constar de un pequeño número de páginas, cada una de las cuales es en realidad una aplicación Ajax más pequeña. Cada página incluye algunos componentes Ajax desarrollados con JavaScript. Estos componentes utilizan el objeto XMLHttpRequest para comunicarse con el servidor de forma asincrónica. Después de obtener los datos requeridos del servidor, utilizan la API DOM para actualizar parte del contenido de la página. Por tanto, existen tres diferencias principales entre las aplicaciones Ajax y las aplicaciones Web tradicionales:
1. Comuníquese con el servidor dentro de la página sin actualizar toda la página.
2. Utilice el modo asíncrono para comunicarse con el servidor sin interrumpir la operación del usuario y tenga capacidades de respuesta más rápidas.
3. La solicitud consta de sólo unas pocas páginas. La mayoría de las interacciones se completan dentro de la página y no es necesario cambiar toda la página.
Se puede ver que Ajax hace que las aplicaciones web sean más dinámicas, aporta mayor inteligencia y proporciona a los componentes de la interfaz de usuario de Ajax ricas capacidades expresivas. Este nuevo tipo de aplicación web se denomina aplicación RIA (Aplicación de Internet enriquecida).
El frente es información sobre la introducción de AJAX que encontré en Internet para ayudar a los lectores que no conocen la tecnología AJAX a comprender la tecnología AJAX lo antes posible. A continuación, les presentaré algunas tecnologías y técnicas de AJAX que he utilizado. el proceso de desarrollo real.
Lo más importante al utilizar la tecnología AJAX es crear un objeto XMLHttpRequest. Hay mucha información sobre cómo crear este objeto en Internet. Uno de mis métodos más utilizados es.
función crearXMLHttpRequest() {
var xmlhttp;
intentar {
xmlhttp = nuevo ActiveXObject('Msxml2.XMLHTTP');
} captura(e) {
intentar {
xmlhttp = nuevo ActiveXObject('Microsoft.XMLHTTP');
} captura(e) {
intentar {
xmlhttp = nuevo XMLHttpRequest();
} captura(e) {
alert("¡Error al crear el objeto XMLHttpRequest!");
}
}
}
devolver xmlhttp;
}
A continuación enumeraré algunos ejemplos y algunas cosas que se pueden aprender a través de estos ejemplos.
El siguiente fragmento de código es un ejemplo de cómo verifico si el elemento ya existe en la base de datos al agregar un elemento específico.
<tipo de entrada="texto" estilo="ancho:100%" clase="noEmptyInput" nombre="segmento10" valor="<%=segmento10%>" maxlength="16" onblur="do_verify();">
función hacer_verificar() {
var segmento10 = document.mainFrm.segment10.value;
var inventarioItemId = document.mainFrm.inventoryItemId.value;
// alerta(segmento10)
xmlHttp = crearXMLHttpRequest();
var url = "/servlet/com.sino.ies.inv.maintenance.servlet.ItemMaintainServlet?forward=doVerify&segment10=" + segmento10 + "&inventoryItemId=" + inventarioItemId;
xmlHttp.onreadystatechange = handleReadyStateChange;
xmlHttp.open("post", url, true); // También hay dos métodos para transmitir datos: GET y POST, pero cuando el método es POST, se debe escribir la siguiente oración.
xmlHttp.setRequestHeader('Tipo de contenido', 'aplicación/x-www-form-urlencoded');
xmlHttp.send(nulo);
}
función handleReadyStateChange() {
si (xmlHttp.readyState == 4) {
si (xmlHttp.status == 200) {
si (xmlHttp.responseText == 'Y') {
document.mainFrm.isExist.value = 'Y';
document.getElementById("flag").style.display = "bloque"
documento.mainFrm.segment10.focus();
} demás {
document.mainFrm.isExist.value = 'N';
document.getElementById("flag").style.display = "ninguno"
}
} demás {
alerta(xmlHttp.status);
}
}
}
El código de fondo es:
éxito booleano = itemDAO.doVerifyItem(); //doVerifyItem es el método principal para verificar si el elemento especificado existe en la base de datos. Si el elemento ya existe, este método devolverá VERDADERO.
PrintWriter fuera = res.getWriter();
si (éxito) {
salida.print("Y");
}
salida.flush();
fuera.cerrar();
}