DWR rend AJAX si simple

<servlet>
 <servlet-name>invoker-dwr</servlet-name>
 <display-name>Servlet DWR</display-name>
 <description>Servlet Web distant direct</description>
 <servlet-class>uk.ltd.getahead.dwr.DWRServlet</servlet-class>
 <param-init>
 <param-name>débogage</param-name>
 <param-value>vrai</param-value>
 </init-param>
 </servlet>

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

<dessin>
 <autoriser>
 <convert converter="bean" match="dwr.sample.Apartment"/>
 <create Creator="new" javascript="ApartmentDAO" class="dwr.sample.ApartmentDAO">
 <include method="findApartments"/>
 <include method="countApartments"/>
 </créer>
 </autoriser>
 </dwr>

Le fichier ci-dessus atteint les deux objectifs dans notre exemple. Premièrement, la balise <convert> indique à DWR de convertir le type de l'objet dwr.sample.Apartment en un tableau associatif, car, pour des raisons de sécurité, DWR ne convertit pas les beans ordinaires par défaut. Deuxièmement, la balise <create> permet à DWR d'exposer la classe dwr.sample.ApartmentDAO pour les appels JavaScript ; les fichiers JavaScript que nous utilisons dans la page sont définis par l'attribut javascript ; Il faut faire attention à la balise <include>, qui précise quelles méthodes de la classe dwr.sample.ApartmentDAO sont disponibles.

 Une fois le code HTML/JSP configuré, vous pouvez démarrer votre application Web. À ce moment, DWR sera prêt à appeler les méthodes requises à partir de votre page côté serveur HTML ou Java (JSP). Vous créez des fichiers JavaScript. Dans le fichier search.jsp, il faut ajouter l'interface JavaScript fournie par DWR, ainsi que le moteur DWR, et ajouter les trois lignes suivantes à notrecode :

<script src='dwr/interface/ApartmentDAO.js'></ scénario>
 <script src='dwr/engine.js'></script>
 <script src='dwr/util.js'></script>

Nous avons remarqué que lorsque l'utilisateur modifie les critères de recherche, c'est la première application de javascript :void(0);">AJAX dans l'exemple de programme ; comme il Comme on le voit, le nombre d'appartements disponibles est mis à jour lorsque les critères changent. J'ai créé deux fonctions JavaScript : La fonction ApartmentDAO.countApartments() est la partie la plus intéressante, c'est le premier paramètre, la fonction loadTotal(), qui spécifie la méthode JavaScript qui. DWR appellera lors de la réception d'une réponse du serveur. loadTotal est ensuite appelé pour afficher les résultats dans le <div> de la page HTML utilisée dans les scénarios interactifs :

function updateTotal() {.
 $("resultTable").style.display = 'aucun';
 var chambres = document.getElementById("chambres").value;
 var salles de bains = document.getElementById("salles de bains").value;
 var prix = document.getElementById("prix").value;
 ApartmentDAO.countApartments(loadTotal, chambres, salles de bains, prix) ;
 }

 fonction loadTotal (données) {
 document.getElementById("totalRecords").innerHTML = data;
 }

Évidemment, l'utilisateur souhaite voir les annonces d'appartements qui correspondent à ses critères de recherche. Ensuite, lorsque l'utilisateur est satisfait de ses critères de recherche et que les totaux sont valides, il appuie sur le bouton qui affiche les résultats, ce qui appelle la méthode JavaScript updateResults() :
 fonction updateResults() {

 DWRUtil.removeAllRows("appartementsbody");
 var chambres = document.getElementById("chambres").value;
 var salles de bains = document.getElementById("salles de bains").value;
 var prix = document.getElementById("prix").value;
 ApartmentDAO.findApartments(fillTable, chambres, salles de bains, prix) ;
 $("resultTable").style.display = '';
 }

 function fillTable (appartement) {
 DWRUtil.addRows("apartmentsbody", appartement, [ getId, getAddress, getBedrooms, getBathrooms, getPrice ]);
 }
 La méthode updateResults() efface le champ de table qui stocke les résultats renvoyés par la recherche, obtient les paramètres requis à partir de l'interface utilisateur et transmet ces paramètres à l'objet ApartmentDAO créé par DWR. Ensuite, la requête de base de données sera exécutée et fillTable() sera appelée, qui analyse l'objet renvoyé par DWR (appartements) et l'affiche dans la page (appartementscorps).

 Facteurs de sécurité <BR>Pour que l'exemple soit bref, la classe ApartmentDAO reste aussi simple que possible, mais une telle classe dispose généralement d'un ensemble de méthodes définies pour manipuler les données, telles que insert(), update() et delete(). DWR expose toutes les méthodes publiques devant être appelées par toutes les pages HTML. Pour des raisons de sécurité, il n'est pas judicieux d'exposer votre couche d'accès aux données de cette manière. Les développeurs peuvent créer une façade qui centralise la communication entre toutes les fonctions JavaScript et les composants métier sous-jacents, limitant ainsi l'exposition excessive des fonctionnalités.

 Conclusion <BR>Cet article n'est qu'un début pour vous permettre d'utiliser javascript :void(0);">AJAX basé sur DWR dans vos projets. DWR vous permet de vous concentrer sur la façon d'améliorer le modèle d'interaction de votre application. , en éliminant le charge d'écriture et de débogage du code JavaScript. Le défi le plus intéressant avec javascript :void(0);">AJAX consiste à définir où et comment améliorer la convivialité. DWR est responsable de l'exploitation de la communication entre la page Web et vos objets Java, vous aidant ainsi à vous concentrer entièrement sur la manière de rendre l'interface utilisateur de votre application plus conviviale.
 Je tiens à remercier Mircea Oancea et Marcos Pereira, qui ont lu cet article et donné des commentaires très précieux.

 Ressources ·javaworld.com:javaworld.com
 ·Communauté de développeurs Matrix-Java : http://www.matrix.org.cn/
 ·onjava.com :onjava.com
 · Téléchargez tout le code source de l'exemple de programme : 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);">Définition d'AJAX : http://en.wikipedia.org/wiki/javascript :void(0);">AJAX
 · "javascript :void(0);">AJAX : une nouvelle voie vers les applications Web » : Jesse James Garrett (Adaptive Path, 2005.2) : http://www.adaptivepath.com/publications/essays/archives/000385.php
 · « Une interface Web très dynamique » Drew McLellan (xml.com, 2005.2) : http://www.xml.com/pub/a/2005/02/09/xml-http-request.html
 ·XMLHttpRequest & javascript :void(0);">Exemple de travail AJAX : http://www.fiftyfoureleven.com/resources/programming/xmlhttprequest/examples
 · « Pratiques XMLHttpRequest utilisables » Thomas Baekdal (Baekdal.com, 2005.3) : http://www.baekdal.com/articles/Usability/usable-XMLHttpRequest/
 · « Directives d'utilisation de XMLHttpRequest » Thomas Baekdal (Baekdal.com, 2005.2) : http://www.baekdal.com/articles/Usability/XMLHttpRequest-guidelines/