Índice

Las consultas AJAX abreviadas

1. Cargar un archivo

El método load() permite cargar un archivo de manera muy sencilla, siguiendo el procedimiento que aplica AJAX.

Más adelante detallaremos el método ajax() (consulte la sección La consulta AJAX completa, en este capítulo), que permite efectuar la misma operación de manera más sofisticada y detallada. Para el desarrollador principiante o para las aplicaciones sencillas, el método load() es suficiente y, gracias a su sencillez, hace las delicias de los diseñadores.

load(url[, datos,][, función])

Carga el código HTML (o XHTML) a partir de un archivo determinado y lo sitúa en el elemento seleccionado.

  • url: una cadena de caracteres que contiene la URL del archivo HTML que se quiere cargar.

  • datos (opcional): lista de pares en forma de clave/valor que se enviarán como datos al servidor.

  • función (opcional): la función que se debe ejecutar si la consulta tiene éxito. Por defecto, los datos se cargan en el elemento seleccionado.

$("div").load("test.htm"): carga los datos del archivo test.htm y los ubica en la capa <div>.

Este método devuelve un objeto jQuery.

Se devuelve el método GET por defecto, salvo si se pasan los datos como argumento. 

Cuidado, tenga en cuenta que la versión 3 de jQuery indica que los métodos load() y unload() son obsoletos. Presentamos este ejemplo en un afán de retrocompatibilidad con antiguos desarrollos.

Ejemplo

Cargar en una misma ...