Nunca debe incluir JQuery solo para hacer Ajax, una funcionalidad estándar de JS. Hace mucho tiempo, Ajax no estaba estandarizado y en ese momento era aceptable agregar una biblioteca pesada para uniformar las funcionalidades de Ajax y JS entre el navegador. Ya no lo es, especialmente porque el tiempo de carga se está convirtiendo en un factor crítico para el SEO, gracias a Google.
El uso de la versión estandarizada de JavaScript permitirá que cualquier programador pueda cavar en su código fácilmente y garantizará un soporte más largo.
También puedes usar la biblioteca Vanilla JS: Vanilla JS (¡lo siento, no pude resistirme!)
- Cómo instalar un tema de WordPress
- ¿Los navegadores reproducen animaciones incluso después de que el componente se sale del área de visualización cuando la página se desplaza hacia abajo?
- Dado que Angular 1.4.2 no se parece en nada a Angular 4, ¿vale la pena echarle un vistazo a React ya que cualquiera de las rutas requerirá muchos cambios en nuestro código?
- ¿Qué tan bien funciona Yii para aplicaciones web en tiempo real?
- ¿Cómo convertirse en un buen desarrollador web en 2017 (y 2018)? ¿Qué lenguajes y habilidades de programación debo saber?
Pero si desea simplificar su trabajo, puede usar el contenedor XHConn que no agrega peso ni costo de tiempo a su proyecto. Una interfaz XMLHTTP simple También puede obtener su propia versión simplificada en su propio idioma, aquí está el mío en francés:
/ ** XHConn – Interfaz XML-HTTP simple – [correo electrónico protegido] – 2005-04-08
** Código licenciado bajo Creative Commons Attribution-ShareAlike License
** http://creativecommons.org/licenses/by-sa/2.0/ ** /
función Ajax ()
{
conexión var, finalización = falso;
intente {conexión = nuevo XMLHttpRequest (); } catch (e) {conexión = falso; }
if (! conexión) devuelve nulo;
this.executer = function (protocolo, url, parámetros, función)
{
si (! conexión) devuelve falso;
finalización = falso;
protocole = protocole.toUpperCase ();
tratar {
if (protocolo == “OBTENER”)
{
connection.open (protocolo, url + “?” + parámetros, verdadero);
parámetros = “”;
}
más
{
connection.open (protocole, url, true);
connection.setRequestHeader (“Método”, “POST” + url + “HTTP / 1.1”);
connection.setRequestHeader (“Content-Type”,
“application / x-www-form-urlencoded”);
}
connection.onreadystatechange = function () {
if (connection.readyState == 4 &&! finalización)
{
terminación = verdadero;
función (conexión);
}};
connection.send (parámetros);
}
catch (z) {return false; }
volver verdadero;
};
devuelve esto;
}
Cuando quiero usar Ajax, es la misma llamada para GET y POST, simplemente especifícalo, no hay línea adicional para la versión POST.
var ajax = nuevo Ajax ();
ajax.executer (“GET”, “http: //localhost/lazy-loading/nouvelle-apercu.php”, “nouvelle =” + idNouvelle,
función (ajax)
{
// alert (‘fini’);
//alert(ajax.responseText);
cible = lienNouvelle.parentNode.parentNode;
cible = cible.getElementsByTagName (“p”) [0];
cible.innerHTML = ajax.responseText;
}
);
}