Diferencia entre revisiones de «JQuery»

De Dos Ideas.
Saltar a: navegación, buscar
(Javascript y Redireccionamiento)
(Plugins)
 
(No se muestran 5 ediciones intermedias de 4 usuarios)
Línea 8: Línea 8:
 
Toda la funcionalidad de [[JQuery]] se puede extender mediante el uso de plugins. Hay una enorme cantidad de plugins disponibles, que realizan variadas tareas.  
 
Toda la funcionalidad de [[JQuery]] se puede extender mediante el uso de plugins. Hay una enorme cantidad de plugins disponibles, que realizan variadas tareas.  
  
 +
* [[JQuery Autocomplete]]: permite ir completando el texto faltante a medida que el usuario va escribiendo
 +
* [[JQuery Cascade]]: ante un evento permite generar una respuesta en cascada, buscando los datos con ajax
 +
* [[JQuery Datepicker]]: permite desplegar un calendario en un campo del formulario
 
* [[JQuery Form]]: manipulación de formularios, para convertirlos al estilo ajax
 
* [[JQuery Form]]: manipulación de formularios, para convertirlos al estilo ajax
* [[JQuery Cascade]]: ante un evento permite generar una respuesta en cascada, buscando los datos con ajax
+
* [[JQuery Validation]]: plugin de jquery para la validacion de formularios
* [[JQuery Autocomplete]]: permite ir completando el texto faltante a medida que el usuario va escribiendo
 
  
==Javascript y Redireccionamiento==
+
==Javascript llamada asincronica==
Para redirigir a otra página usando jquery dependiendo del navegador tira ciertos error (sobretodo con internet explorer)
 
  
 
Esta funcion tiene cierto comportamiento a partir del response de la url donde estamos ejecutando. Se obtiene el resultado (success) y se ejecuta la funcion del handleResponse.
 
Esta funcion tiene cierto comportamiento a partir del response de la url donde estamos ejecutando. Se obtiene el resultado (success) y se ejecuta la funcion del handleResponse.
  
En el siguiente ejemplo puede verse como realizar el redireccionamiento a otra url de forma correcta, sin que tire error de javascript.
+
Para hacer uso del HTML devuelto, podemos implementar un controlador (success). En el siguiente ejemplo puede verse como se espera la respuesta de la url que queremos para poder realizar una funcion determinada a partir de dicha respuesta. (sin que tire error de javascript)
  
 
     function procesar(id){
 
     function procesar(id){
 
       $.ajax({
 
       $.ajax({
 
               type: "POST",
 
               type: "POST",
               url: '<html:rewrite page="/www.google.com"/>',               
+
               url: miServlet,               
 
               processData: false,
 
               processData: false,
 
               success: handleResponse
 
               success: handleResponse
Línea 29: Línea 30:
  
 
     function handleResponse(data, textStatus, XMLHttpRequest){
 
     function handleResponse(data, textStatus, XMLHttpRequest){
       // funcion a ejecutar.
+
       // funcion a ejecutar al esperar la respuesta de la url ejecutada.
 
     }
 
     }
 +
 +
success se llama si la petición tiene éxito. Se pasa los datos devueltos, un string que contiene el código de éxito, y el objeto XMLHttpRequest.
  
 
Pueden ver mas documentacion de estas [http://api.jquery.com/jQuery.ajax/ "Callback Functions"] en jquery.
 
Pueden ver mas documentacion de estas [http://api.jquery.com/jQuery.ajax/ "Callback Functions"] en jquery.
Línea 40: Línea 43:
 
* [http://jquery.bassistance.de/api-browser/plugins.html API Browser de JQuery Online]  
 
* [http://jquery.bassistance.de/api-browser/plugins.html API Browser de JQuery Online]  
 
* [http://es.wikipedia.org/wiki/JQuery jQuery en la Wikipedia]
 
* [http://es.wikipedia.org/wiki/JQuery jQuery en la Wikipedia]
 +
* [http://www.dosideas.com/descargas/category/1-jquery.html?download=42%3Aintroduccin-a-jquery-presentacin Presentación: Introducción a jQuery]

Revisión actual del 18:12 5 may 2011

JQuery es un nuevo tipo de librerías de Javascript que permite simplificar la manera de interactuar con los documentos HTML, permitiendo manejar eventos,desarrollar animaciones, y agregar interacción con la tecnología AJAX a nuestras páginas web.

Ejemplo

La wikipedia y la propia página de JQuery tienen varios ejemplos de uso.

Plugins

Toda la funcionalidad de JQuery se puede extender mediante el uso de plugins. Hay una enorme cantidad de plugins disponibles, que realizan variadas tareas.

  • JQuery Autocomplete: permite ir completando el texto faltante a medida que el usuario va escribiendo
  • JQuery Cascade: ante un evento permite generar una respuesta en cascada, buscando los datos con ajax
  • JQuery Datepicker: permite desplegar un calendario en un campo del formulario
  • JQuery Form: manipulación de formularios, para convertirlos al estilo ajax
  • JQuery Validation: plugin de jquery para la validacion de formularios

Javascript llamada asincronica

Esta funcion tiene cierto comportamiento a partir del response de la url donde estamos ejecutando. Se obtiene el resultado (success) y se ejecuta la funcion del handleResponse.

Para hacer uso del HTML devuelto, podemos implementar un controlador (success). En el siguiente ejemplo puede verse como se espera la respuesta de la url que queremos para poder realizar una funcion determinada a partir de dicha respuesta. (sin que tire error de javascript)

   function procesar(id){
     $.ajax({
              type: "POST",
              url: miServlet,              
              processData: false,
              success: handleResponse
            });
   }
   function handleResponse(data, textStatus, XMLHttpRequest){
      // funcion a ejecutar al esperar la respuesta de la url ejecutada.
   }

success se llama si la petición tiene éxito. Se pasa los datos devueltos, un string que contiene el código de éxito, y el objeto XMLHttpRequest.

Pueden ver mas documentacion de estas "Callback Functions" en jquery.

Ver también