Cuando se debe utilizar AJAX?
Tabla de contenido
¿Cuándo se debe utilizar AJAX?
Con Ajax, se hace posible realizar peticiones al servidor y obtener respuesta de este en segundo plano (sin necesidad de recargar la página web completa) y usar esos datos para, a través de JavaScript, modificar los contenidos de la página creando efectos dinámicos y rápidos.
¿Qué es AJAX y para qué se utiliza?
AJAX, acrónimo de Asynchronous JavaScript And XML (JavaScript asíncrono y XML), es una técnica de desarrollo web para crear aplicaciones web asíncronas.
¿Cómo se ejecuta AJAX?
Las peticiones Ajax son ejecutadas por el código JavaScript, el cual envía una petición a una URL y cuando recibe una respuesta, una función de devolución puede ser ejecutada la cual recibe como argumento la respuesta del servidor y realiza algo con ella.
¿Cómo va el usuario a través de Ajax?
Vayamos rápidamente a través del flujo habitual de AJAX: Primero, el usuario abre una página web como de costumbre con una solicitud síncrona. A continuación, el usuario hace clic en un elemento DOM, generalmente un botón o enlace, que inicia una solicitud asíncrona al servidor de servicios de fondo.
¿Cómo detectar las llamadas AJAX?
El usuario final no notará esto ya que la llamada se realiza de forma asíncrona y no actualiza el navegador. Sin embargo, puede detectar estas llamadas AJAX utilizando una herramienta como Firebug. En respuesta a la solicitud de AJAX, el servidor puede devolver datos de cadena XML, JSON o HTML.
¿Cómo podemos acceder a un elemento en jQuery?
Recordemos que, en jQuery, para acceder a un elemento, podemos hacerlo por id ($ («#id»), usamos # antes de la id del elemento) o por clase ($ («.class»), usamos un punto), igual que en CSS. Seguidamente, valida el formulario, y si este devuelve true, se llama a la función $.post: $.post es la función que enviará, vía $_POST,
¿Cómo podemos mostrar los mensajes con jQuery?
Como podéis observar, existen dos divs, de ids «éxito» y «fracaso» respectivamente, con display: none. Todo mago tiene sus trucos y este es el nuestro: Los mensajes que queremos mostrar ya están «ahí». Con Jquery luego los haremos aparecer según nuestra petición haya sido un éxito o no.