¡Hola Girl! 🙋♀️ ¿Cuántas veces dentro de tus proyectos web has tenido la necesidad de realizar una petición a un servidor? Seguramente más de alguna, en esta entrada te mostramos una manera muy sencilla y fácil de implementar para realizar peticiones ajax con jQuery.
¿Cómo funciona el método ajax de jQuery?
Para este ejemplo usamos el método $.ajax de jQuery que permite enviar solicitudes asíncronas al servidor y recibir respuestas sin necesidad de recargar la página. Esto permite crear aplicaciones web más interactivas y rápidas.
La técnica de AJAX se ha convertido en una parte fundamental en el desarrollo de aplicaciones web modernas, ya que permite crear experiencias de usuario más rápidas y fluidas al evitar la necesidad de recargar la página completa cada vez que se realiza una acción.
Sin más preámbulo saquemos todo nuestro ⚡ power in code y aprendamos como hacer una petición ajax con jQuery.
Antes de comenzar con la implementación, recuerda incluir jQuery en tu proyecto para que podamos hacer uso de este método.
$.ajax({
url: 'test.php',
method: 'POST',
data: {
param1: valor1,
param2: valor2
}
})
.done(function(data) {
console.log("Se ejecuto correctamente");
info = JSON.parse(data); //Esto si viene de PHP como json_encode($data);
console.log(info);
})
.fail(function() {
console.log("Ocurrió un error");
})
.always(function() {
console.log("Yo siempre me ejecuto");
});| Parámetro | Descripción |
|---|---|
| url | Define la URL del archivo al que se hará la petición. |
| method | Define el método (GET o POST) por medio del cual se hará la petición. |
| data | Datos que se envían al servidor al realizar la petición. |
| .done() | Se ejecuta cuando la petición se realizó correctamente. |
| .fail() | Se ejecuta cuando ocurrió un error en la petición. |
| .always() | Se ejecuta siempre, sin importar si la petición fue exitosa o errónea. |
Realizar solicitudes por medio de $.ajax es sumamente fácil, si observas simplemente debemos configurar algunos parámetros para que la petición se pueda realizar.
Además de que por medio de este método podemos preparar nuestro código para saber si la petición se realizó correctamente o fallo, en cado caso realizaríamos una acción diferente.
Ahora que aprendimos esta forma de realizar peticiones AJAX con jQuery comienza a implementarla en tus proyectos web.
Recuerda compartir esta entrada en tu red social favorita para que más chicas aprendan del tema y seguir construyendo más mujeres con mucho ⚡ power in code.
Quieres poner en práctica tus habilidades de programación, checa este ➡ reto de programación y cuéntame como te va. 😉
¡Hasta pronto! 🙋♀️
