Eventos sobre elementos creados on the fly

Todos conocemos como asignar la detección de un evento en jQuery a un elemento de la página. Simplemente referenciamos el elemento mediante el selector adecuado y le atribuimos el método on(), con el evento que deseamos detectar y la función de CallBack que deseamos que se ejecute como respuesta a dicho evento (si quieres conocer más sobre los posibles selectores para referenciar un elemento, te sugiero este enlace que, no me cabe duda, encontrarás muy útil). El problema es que sólo podemos detectar los eventos que se producen en elementos que ya existen en la página cuando esta se carga. Si, una vez cargado el DOM, se añaden nuevos elementos, la detección habitual de eventos no funciona. En este artículo vamos a conocer este problema y la forma de resolverlo.

Ajax con jQuery (I)

Este artículo no pretende enseñarte lo que es Ajax ni, por supuesto, lo que es jQuery. Si estás leyendo esto, doy por sentado que conoces, aunque sea por encima, estas tecnologías. Este artículo pretende ser un recopilatorio – recordatorio de sintaxis, para poder usar Ajax con jQuery. El popular framework de JavaScript nos ofrece varias maneras básicas de trabajar con Ajax, y aquí vamos a conocerlas todas. Verás cómo es muy fácil y rápido combinar estas dos tecnologías para obtener un resultado inmejorable. En este artículo y los siguientes aprenderemos todo lo que necesitamos saber sobre el uso de la tecnología ajax en jQuery.

Ajax con jQuery (II)

En el artículo anterior vimos el uso del método load() de jQuery para comunicaciones por ajax. Este método es muy flexible, ya que, a pesar de lo simple de su uso, nos permite elegir, entre otras cosas, si el envío de parámetros va a hacerse por POST o por GET. En este artículo vamos a conocer dos herramientas de jQuery más especializadas, siendo cada una de ellas para cada uno de los métodos de envío: $.post() y $.get(). Estos métodos funcionan de un modo inherentemente síncrono, con respecto a los datos que gestionan, pero asíncrono con respecto al resto del script. No te asustes: en seguida entenderás este concepto.

Ajax con jQuery (y III)

En este artículo vamos a introducir el método más potente y flexible que jQuery nos ofrece (al menos hasta hoy, para trabajar con Ajax. Se llama, como no podía ser de otro modo, $.ajax() y veremos que posee un gran número de posibilidades de configuración que lo hacen apto para cubrir cualquier necesidad que podamos tener en este sentido.