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: 109.911 ]

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

Preparando ambiente de desenvolvimento Android no Debian/Ubuntu

Java: Usando JInternalFrame de forma elegante

Java Native Interface

Trabalhando com a interface gráfica em Java (parte 2)

Busca corporativa com Apache Solr - Motivação e conceitos

  
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




Patrocínio

Site hospedado pelo provedor RedeHost.
Linux banner

Destaques

Artigos

Dicas

Tópicos

Top 10 do mês

Scripts