DWR torna o AJAX tão fácil

<servlet>
 <servlet-name>dwr-invoker</servlet-name>
 <nome para exibição>Servlet DWR</nome para exibição>
 <descrição>Servlet remoto direto da Web</descrição>
 <servlet-class>uk.ltd.getahead.dwr.DWRServlet</servlet-class>
 <parâmetro de inicialização>
 <param-name>depurar</param-name>
 <param-value>verdadeiro</param-value>
 </init-param>
 </servlet>

 <mapeamento de servlet>
 <servlet-name>dwr-invoker</servlet-name>
 <url-pattern>/dwr/*</url-pattern>
 </servlet-mapping>

<dwr>
 <permitir>
 <convert converter="bean" match="dwr.sample.Apartment"/>
 <create creator="new" javascript="ApartmentDAO" class="dwr.sample.ApartmentDAO">
 <incluir método="findApartments"/>
 <incluir método="countApartments"/>
 </criar>
 </permitir>
 </dwr>

O arquivo acima atinge ambos os objetivos em nosso exemplo. Primeiro, a tag <convert> informa ao DWR para converter o tipo do objeto dwr.sample.Apartment em um array associativo, porque, por motivos de segurança, o DWR não converte beans comuns por padrão. Em segundo lugar, a tag <create> permite que o DWR exponha a classe dwr.sample.ApartmentDAO para chamadas JavaScript; os arquivos JavaScript que usamos na página são definidos pelo atributo javascript; Devemos ficar atentos à tag <include>, que especifica quais métodos da classe dwr.sample.ApartmentDAO estão disponíveis.

 Após o código HTML/JSP <BR> ser configurado, você pode iniciar seu aplicativo Web. Neste momento, o DWR estará pronto para chamar os métodos necessários de sua página do lado do servidor HTML ou Java (JSP). Você cria arquivos JavaScript. No arquivo search.jsp, devemos adicionar a interface JavaScript fornecida pelo DWR, bem como o mecanismo DWR, e adicionar as três linhas a seguir ao nossocódigo :

<script src='dwr/interface/ApartmentDAO.js'></ roteiro>
 <script src='dwr/engine.js'></script>
 <script src='dwr/util.js'></script>

Observamos que quando o usuário altera os critérios de pesquisa, esta é a primeira aplicação de javascript :void(0);">AJAX no programa de exemplo; como ele veja, o número de apartamentos disponíveis é atualizado quando os critérios mudam. Criei duas funções JavaScript: A função ApartmentDAO.countApartments() é a parte mais interessante é o primeiro parâmetro, a função loadTotal(), que especifica o método JavaScript. O DWR chamará ao receber uma resposta do servidor. loadTotal é então chamado para exibir os resultados no <div> da página HTML usada em cenários interativos:

function updateTotal() {.
 $("tabelaresultados").style.display = 'nenhum';
 var quartos = document.getElementById("quartos").value;
 var banheiros = document.getElementById("banheiros").value;
 var preço = document.getElementById("preço").valor;
 ApartmentDAO.countApartments(loadTotal, quartos, banheiros, preço);
 }

 função carregarTotal(dados) {
 document.getElementById("totalRecords").innerHTML = dados;
 }

Obviamente, o usuário deseja ver anúncios de apartamentos que correspondam aos seus critérios de pesquisa. Então, quando o usuário estiver satisfeito com seus critérios de pesquisa e os totais forem válidos, ele pressiona o botão que exibe os resultados, que chama o método JavaScript updateResults():
 function updateResults() {

 DWRUtil.removeAllRows("corpodeapartamentos");
 var quartos = document.getElementById("quartos").value;
 var banheiros = document.getElementById("banheiros").value;
 var preço = document.getElementById("preço").valor;
 ApartamentoDAO.findApartments(fillTable, quartos, banheiros, preço);
 $("tabelaresultados").style.display = '';
 }

 function preencherTabela(apartamento) {
 DWRUtil.addRows("apartmentsbody", apartamento, [ getId, getAddress, getBedrooms, getBathrooms, getPrice ]);
 }
 O método updateResults() limpa o campo da tabela que armazena os resultados retornados da pesquisa, obtém os parâmetros necessários da interface do usuário e passa esses parâmetros para o objeto ApartmentDAO criado pelo DWR. Em seguida, a consulta ao banco de dados será executada e fillTable() será chamado, que analisa o objeto retornado pelo DWR (apartments) e o exibe na página (apartmentsbody).

 Fatores de Segurança <BR>Para manter o exemplo breve, a classe ApartmentDAO é mantida tão simples quanto possível, mas tal classe geralmente possui um conjunto de métodos definidos para manipular dados, como insert(), update() e delete(). DWR expõe todos os métodos públicos a serem chamados por todas as páginas HTML. Por razões de segurança, não é aconselhável expor a sua camada de acesso a dados desta forma. Os desenvolvedores podem criar uma fachada que centralize a comunicação entre todas as funções JavaScript e os componentes de negócios subjacentes, limitando assim a exposição excessiva da funcionalidade.

 Conclusão <BR>Este artigo é apenas o começo para você usar javascript baseado em DWR :void(0);">AJAX em seus projetos. O DWR permite que você se concentre em como melhorar o modelo de interação de sua aplicação. , eliminando o responsabilidade de escrever e depurar código JavaScript O desafio mais interessante com javascript :void(0);">AJAX é definir onde e como melhorar a usabilidade. O DWR é responsável por operar a comunicação entre a página Web e seus objetos Java, ajudando assim você a se concentrar inteiramente em como tornar a interface de usuário do seu aplicativo mais amigável.
 Gostaria de agradecer ao Mircea Oancea e ao Marcos Pereira, que leram este artigo e deram um feedback muito valioso.

 Recursos ·javaworld.com:javaworld.com
 ·Comunidade de desenvolvedores Matrix-Java: http://www.matrix.org.cn/
 ·onjava.com:onjava.com
 · Baixe todo o código-fonte do programa de amostra: http://www.javaworld.com/javaworld/jw-06-2005/dwr/jw-0620-dwr.war
 ·DWR: http://www.getahead.ltd.uk/dwr/index.html
 ·HSQL: http://hsqldb.sourceforge.net/
 ·javascript :void(0);">Definição de AJAX: http://en.wikipedia.org/wiki/javascript :void(0);">AJAX
 · "javascript :void(0);">AJAX: Um Novo Caminho para Aplicações Web": Jesse James Garrett (Adaptive Path, 2005.2): http://www.adaptivepath.com/publications/essays/archives/000385. php
 · “Uma interface web muito dinâmica” Drew McLellan (xml.com, 2005.2): http://www.xml.com/pub/a/2005/02/09/xml-http-request.html
 ·XMLHttpRequest & javascript :void(0);">Exemplo de trabalho AJAX: http://www.fiftyfoureleven.com/resources/programming/xmlhttprequest/examples
 · “Práticas Utilizáveis ​​de XMLHttpRequest” Thomas Baekdal (Baekdal.com, 2005.3): http://www.baekdal.com/articles/Usability/usable-XMLHttpRequest/
 ·"Diretrizes de uso de XMLHttpRequest" Thomas Baekdal (Baekdal.com, 2005.2): http://www.baekdal.com/articles/Usability/XMLHttpRequest-guidelines/