Aprenda qué es Ajax y los cinco pasos de las solicitudes de Ajax en un minuto
AJAX significa JavaScript y XML asincrónicos. En resumen, es un lenguaje de programación que utiliza objetos XMLHttpRequest para comunicarse con el lado del servidor. Puede enviar y recibir información en varios formatos, incluidos JSON, XML, HTML y archivos de texto. Lo más atractivo de AJAX es su característica "asíncrona" que puede comunicarse con el servidor sin actualizar la página.
Cinco pasos de la solicitud Ajax:
1. Crear objeto xmlHttpRequest
if(window.XMLHttpRequest) {
xmlHttp = new XMLHttpRequest ();
if(xmlHttp.overrideMimeType) {
xmlHttp.overrideMimeType("text/xml");
}
} else if(window.ActiveXobject) {
var activeName = ["MSXML2.XMLHTTP", "Microsoft.XMLHTTP"];
for(var i = 0; i < activeName .length; i++) {
prueba {
xmlHttp = new ActiveXobject(activeName[i]);
break;
} catch(e) {}
}
}
if(!xmlHttp) {
alert("Error al crear el objeto xmlhttprequest ");
} else {}
2. Establezca la función de devolución de llamada
xmlHttp.onreadystatechange= callback;
function callback( ) {}
3. Utilice el método OPEN para establecer una conexión con el servidor?xmlHttp.open("get","ajax?name="+ name,true)
En este paso, preste atención a configurar el método de solicitud http (post/get), si es el método POST, preste atención a configurar la información del encabezado de la solicitud xmlHttp.setRequestHeader("Content-Type", "application/x-www-form- urlencoded")
4. Enviar datos al servidor
xmlHttp.send(null); si es POST, no será nulo
5. Procesar diferentes estados de respuesta en la función de devolución de llamada
if(xmlHttp.readyState == 4){ ? //Determinar si la interacción es exitosa
if(xmlHttp.status == 200) { //Obtener los datos devueltos por el servidor //Obtener los datos en texto plano
var ResponseText =xmlHttp.responseText;
document.getElementById("info").innerHTML = ResponseText ;
}
}
Información ampliada:
Ventajas y desventajas de Ajax
Ventajas:
1. Las solicitudes asincrónicas no impiden que los usuarios naveguen por páginas u otras operaciones.
2. Actualización parcial, no es necesario actualizar la página.
3. Separación de interfaz y aplicación. Favorece la división del trabajo y la cooperación, reduce los errores de las aplicaciones WEB causados por la modificación de páginas por parte de personal no técnico, mejora la eficiencia y es más adecuado para los sistemas de publicación actuales.
4. Ampliamente compatible según estándares.
5. Equilibrio de carga front-end y back-end. Minimice la carga en el servidor causada por solicitudes y respuestas redundantes y mejore el rendimiento del sitio.
Desventajas:
1. Atrás y el Historial dañan el mecanismo del navegador.
2. Problemas de seguridad. Vulnerable a ataques de piratas informáticos.
3. Débil soporte para los motores de búsqueda.
4. No es compatible con dispositivos móviles.
5. Viola la intención original de posicionamiento de URL y recursos.