Diferencia entre revisiones de «JQuery»
(→Javascript y Redireccionamiento) |
(→Javascript y Redireccionamiento) |
||
| Línea 12: | Línea 12: | ||
* [[JQuery Autocomplete]]: permite ir completando el texto faltante a medida que el usuario va escribiendo | * [[JQuery Autocomplete]]: permite ir completando el texto faltante a medida que el usuario va escribiendo | ||
| − | ==Javascript | + | ==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. | 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. | ||
| Línea 22: | Línea 21: | ||
$.ajax({ | $.ajax({ | ||
type: "POST", | type: "POST", | ||
| − | url: | + | url: miServlet, |
processData: false, | processData: false, | ||
success: handleResponse | success: handleResponse | ||
| Línea 29: | Línea 28: | ||
function handleResponse(data, textStatus, XMLHttpRequest){ | function handleResponse(data, textStatus, XMLHttpRequest){ | ||
| − | // funcion a ejecutar. | + | // funcion a ejecutar al esperar la respuesta de la url ejecutada. |
} | } | ||
Revisión del 15:11 15 feb 2010
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 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 Autocomplete: permite ir completando el texto faltante a medida que el usuario va escribiendo
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.
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.
}
Pueden ver mas documentacion de estas "Callback Functions" en jquery.
