Funciones de jQuery AJAX
jQuery tiene una rica biblioteca de funciones (métodos) para el desarrollo de AJAX.
Ejemplo de jQuery AJAX
Haga clic en el botón siguiente para cambiar este texto a través de AJAX
El siguiente ejemplo se extrae de nuestro Tutoriales de AJAXpero se ha modificado utilizando jQuery.
¿Qué es AJAX?
AJAX = JavaScript y XML Asincrónico.
AJAX es una tecnología para crear páginas web dinámicas y rápidas.
AJAX permite que las páginas web se actualicen de manera asincrónica a través de intercambios de datos mínimos en segundo plano con el servidor. Esto significa que es posible actualizar una parte de la página sin recargar toda la página.
Puede encontrar más información en nuestra Tutoriales de AJAX Aprenda más sobre AJAX aquí.
AJAX y jQuery
jQuery ofrece una rica biblioteca de funciones (métodos) para el desarrollo de AJAX.
A través de jQuery AJAX, puede usar GET y POST HTTP para solicitar TXT, HTML, XML o JSON desde el servidor remoto.
¡Y puede cargar directamente datos remotos en el elemento HTML seleccionado del sitio web!
Hacer menos, lograr más
La función load de jQuery es una función AJAX simple (pero muy potente). Su sintaxis es la siguiente:
$(selector).load(url,data,callback)
Utilice selector para definir el elemento HTML que se va a cambiar, utilizando url Parámetrospara especificar la dirección web de los datos.
Sólo cuando desee enviar datos al servidor, debe usar data Sólo cuando necesite activar una función después de la ejecución, debe usar callback Parámetros.
AJAX de nivel bajo
$.ajax(options) Es la sintaxis de la función AJAX de nivel bajo.
$.ajax ofrece más funciones que las funciones de nivel superior, pero también es más difícil de usar.
opción La configuración de los parámetros es un par name|value, que define datos de url, contraseña, tipo de datos, filtros, conjunto de caracteres, tiempo de espera y función de error.
Solicitudes AJAX de jQuery
Solicitud | Descripción |
---|---|
$(selector).load(url,data,callback) | Cargar datos remotos en el elemento seleccionado |
$.ajax(options) | Cargar datos remotos en el objeto XMLHttpRequest |
$.get(url,data,callback,type) | Cargar datos remotos utilizando HTTP GET |
$.post(url,data,callback,type) | Cargar datos remotos utilizando HTTP POST |
$.getJSON(url,data,callback) | Cargar datos JSON remotos utilizando HTTP GET |
$.getScript(url,callback) | Cargar y ejecutar archivos JavaScript remotos |
(url) URL (dirección) de los datos cargados
(data) Objeto clave/valor de datos enviados al servidor
(callback) Función ejecutada cuando los datos se cargan
(type) Tipo de datos devueltos (html, xml, json, jasonp, script, texto)
(opciones) Opciones de todos los pares clave/valor de solicitudes AJAX completas
Manual de referencia
Para obtener más información sobre las funciones de jQuery AJAX, visite nuestra Manual de referencias de jQuery AJAX.