Futurizate.com: Diseño Web, Hosting, Dominios, Buscadores

Archivo de Diciembre de 2009

El Ajax nunca fué tan fácil

Miércoles, 30 de Diciembre de 2009

Gracias a nuestro amigo jQuery podemos obtener fácilmente el contenido de una capa o de cualquier elemento que necesitemos de una página de nuestro servidor o externa.

En el siguiente ejemplo podemos observar cómo recuperamos los LI que contiene el elemento con ID “jq-p-Getting-Started” de nuestra página “/Main_Page”. Ese resultado lo cargamos en nuestra UL con ID “links”.

Más sencillo no puede ser.

  <html>
  <head>
    <script src="http://code.jquery.com/jquery-latest.js"></script>
    <script>
      $(document).ready(function(){
        $("#links").load("/Main_Page #jq-p-Getting-Started li");
      });
    </script>
  </head>
  <body>
  <b>jQuery Links:</b>
  <ul id="links"></ul>
  </body>
  </html>

Enlace: http://docs.jquery.com/Ajax/load