Desenvolvendo aplicações Web 2.0 com Java e AJAX (FrameWork DWR)

Este tutorial tem o objetivo de mostrar as configurações do ambiente necessário para implementar combos dinâmicas utilizando as tecnologias J2EE, Tomcat e Ajax através do framework DWR. É necessário que os servidores Apache e Tomcat já estejam devidamente configurados e preparados para executar os passos informados daqui por diante.

[ Hits: 113.096 ]

Por: Augusto Marinho em 08/05/2007


Criando o arquivo funcionalidades.js



Este é o arquivo responsável em acessar as classes Java através de funções em JavaScript.

<!-- Variável global a ser utilizada como auxiliar para identificar o componente HTML a ser atualizado -->
var ident;


<!-- Esta função deve ser chamada primeiro para atribuir o ID do componente HTML a ser atualizado a variável global ident-->
function auxiliar(idTemp) {
ident = idTemp;
}


function mostrarTodos(teste){
var tabela = document.getElementById(ident);
var saida = "<SELECT onChange=\"buscaMarcas(this.value);\">";
for(i = 0; i < teste.length; i++){
saida += '<OPTION>' + teste[i] + '</OPTION>';
}
saida += '</SELECT>'; tabela.innerHTML = saida;
}


function mostrarModelos(teste){
var model = document.getElementById("cmodelos");
if(teste.length <=0) {
model.innerHTML = "Indisponível em estoque no momento!";
} else {
var sai = '<SELECT>';
for(i = 0; i < teste.length; i++){
sai += '<OPTION>' + teste[i] + '</OPTION>';
}
sai += '</SELECT>';
model.innerHTML = sai;
}
}

<!-- Daqui por diante são as função utilizadas pelo framework DWR para interagir com as classes Java através de código JavaScript -->
function buscaMarcas(temp) {
Modelo.getModelos(mostrarModelos,temp);
}

function getMarcas() {
Marca.getLista(mostrarTodos);
}

Observações:

1) O arquivo funcionalidades.js deverá estar dentro do diretório /meuajax/js;

2) A função JavaScript getMarcas é responsável em comunicar-se com a Classe Java Marca, para que seja retornado as Marcas previamente cadastradas;

3) A função JavaScript buscaMarcas é responsável em comunicar-se com a Classe Java Modelo para seja retornado a lista de modelos de uma marca passado como parâmetro.

Conclusão

Se tudo for feito corretamente já é possível acessar o resultado através do contexto meuajax.

Este tutorial foi feito com o intuito de divulgar os benefícios que o AJAX pode proporcionar em aplicações Web.

Este é meu primeiro artigo e espero ter contribuído com a comunidade.

Página anterior    

Páginas do artigo
   1. O ambiente de teste
   2. Configurando o contexto da aplicação
   3. Configurando o arquivo dwr.xml
   4. Criando a base de dados
   5. Criando as classes Java
   6. ConectaBD.java
   7. Marca.java
   8. Modelo.java
   9. Testando o FrameWork
   10. Criando o index.html
   11. Criando o arquivo funcionalidades.js
Outros artigos deste autor
Nenhum artigo encontrado.
Leitura recomendada

Configurando e-Gen + Tomcat + JSDK

Funções Completas - Comunicação entre aplicações Android e FTP

GCJ – Conhecendo o compilador Java Livre

Preparando ambiente de desenvolvimento Android no Debian/Ubuntu

Trabalhando com classes e métodos em Java (parte 2)

  
Comentários
[1] Comentário enviado por cordobel em 13/01/2010 - 00:17h

eiziz sei que faz um tempão que você escreveu este artido. mas nuca é tarde para elogiar. cara ele esta muito show. mesmo.
vou estudar ele com mais calma pela manhã ou hoje a tarde.
Tenho um servidorvidor web com apache e tomcat rodando sob o cpanel, e um cliente meu esta com dificuldades para usar o DWR no meu servidor. Esta rodando certinho os jsp e os servlets mas não carrega as classes. acessando o site do meu cliente /dwr o framework responde que reconhece elas, mas alguma outra coisa ocorre de errado que não carrega o conteúdo gerado pelas classes na página inicial onde deve aparecer.
Bom desculpe chorar as pitangas aqui. verei hoje mais tarde com calma o seu artigo e colocarei no ar este projeto de exemplo que você disponibilizou.
vlw cara.


Contribuir com comentário