miércoles, 23 de diciembre de 2009

jquery con jsp


jquery es una libreria javascript que se esta utilizando mucho,
una de las caracteristicas de esta libreria es su version bien
comprimida y comparte muchas de caracteristicas de prototype
(una de las diferencias son la llamada de metodos).

en un link anterior explico un poco de ajax y si existe alguna duda
seria bueno ver este tema, ademas tengo unos link para profundizar
mas el tema.

http://ungranoparajava.blogspot.com/2009/05/empezando-con-ajax.html

si ya tenemos entendemos ajax o queremos ir directo a lo practico
podemos ver este manual de jquery muy bueno( en la pagina oficial
existe mucha documentacion e incluso en español)

http://www.librosweb.es/ajax/capitulo10/la_libreria_jquery.html

en el link anterior podemos encontrar tambien un manual de
prototype y de ajax, es muy bueno este link.

ahora vamos a los que nos reune jajajaja, a lo entretenido a lo
que es codigo.

como siempre vamos a utilizar nuestro netbeans y lo primero
que vamos hacer es un proyecto web, el cual no incluimos
ningun framework ( como hibernate, jsf, struts, etc aunque
se puede utilizar con jsf , struts , spring etc).

como podemos apreciar nuestro proyecto tiene una carpeta js, esta
la creamos en nuevo->otro->carperta. Para trabajar con esta libreria
tenemos que bajar el archivo jquery-1.3.1.js , esta es la version
pero podemos trabajar con la anterior que es la 1.2.1 bueno existen
muchas. este archivo lo guardamos en la carpeta js que creamos en
nuestro proyecto , asi de simple es.

y ahora trabajamos como uno lo hace con javascript , pero tenemos
que definir nuestro jquery en el codigo.


<%@page contentType="text/html"%>

<%@page pageEncoding="UTF-8"%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"

"http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<script src="js/jquery-1.3.1.js"></script>

<script type="text/javascript">

$(document).ready(function() {

alert("CARGADO");

});

</script>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<title>JSP Page</title>

</head>

<body>

<h1>JSP Page</h1>


podemos ver en el codigo anterior un pequeño ejemplo
de como implementar la libreria jquery en netbeans

En el siguiente link podemos ver que podemos
lograr con esta libreria , ejemplos buenos


Ahora vamos a dar un link de este ejemplo que esta muy bueno, la idea
es comunicar jsp y jquery. solamente date este link porque encontre
muy bueno el ejemplo para empezar y la idea no es copiar, sino reutilizar
codigo jejejej la idea es dar una manito a la comudidad java.

http://rekkeb.wordpress.com/2009/03/15/comunicar-jsp-y-jquery/

como el tema es interesante creo que vamos a crear otra entrada sobre el tema, con unos ejemplos mas interesantes.




No hay comentarios: