recherche

Maison  >  Article  >  interface Web  >  Comment DWR implémente Ajax

Comment DWR implémente Ajax

零到壹度
零到壹度original
2018-04-21 14:48:101809parcourir

Le contenu de cet article explique comment DWR implémente Ajax. Il a une certaine valeur de référence. Maintenant, je le partage avec vous. Les amis dans le besoin peuvent s'y référer

. 1 , Introduction à Ajax.

AJAX = JavaScript et XML asynchrones.

AJAX n'est pas un nouveau langage de programmation, mais une nouvelle façon d'utiliser les standards existants.

Le plus grand avantage d'AJAX est qu'il peut échanger des données avec le serveur et mettre à jour une partie du contenu de la page Web sans recharger la page entière.

AJAX ne nécessite aucun plug-in de navigateur, mais nécessite que l'utilisateur autorise l'exécution de JavaScript sur le navigateur.


2. Introduction au DWR

1. Adresse officielle du site Web http://directwebremoting.org

2. DWR est Easy Ajax pour Java. DWR (Direct Web Remoting) est un framework open source Ajax côté serveur distant utilisé pour améliorer l'interaction entre les pages Web et les classes Java. Il peut aider les développeurs à développer des sites Web contenant la technologie AJAX. Il permet au code du navigateur d'utiliser les fonctions JAVA exécutées sur le serveur WEB comme s'il se trouvait à l'intérieur du navigateur.


3. Implémentation du code

1. Téléchargement du package Jar

                                                                                                                        mais  C’est moins de 1 million au total, donc le téléchargement ne prend pas longtemps.

Adresse de téléchargement :

https://github.com/directwebremoting/dwr/releases/download/3.0.2-RELEASE/dwr.jar


2. Configurer dwr

(1) La création d'un projet Web avec Eclipse ou myEclipse ne sera pas répétée ici, attention Il est préférable de choisir d'afficher le fichier web.xml car il sera utilisé ultérieurement.

(2) Créez le fichier dwr.xml dans le répertoire WEB-INF. Il s'agit du fichier de configuration de DWR. Le code dans le fichier de configuration est le suivant :

Il n'est généralement pas nécessaire de modifier d'autres endroits. Il convient de noter que la "Démo" ici peut être nommée par javascript="Demo". 🎜> Il existe également value=" cn.smileyan.cy.Cyservice" qui peut également être modifié par vous-même. Faites attention à la correspondance individuelle avec le répertoire src.

C'est-à-dire que j'ai une classe nommée Cyservice sous le package cn.smileyan.cy. Cette classe est la classe clé pour que les méthodes Ajax communiquent avec l'arrière-plan.


(3) Ajouter la configuration DWR dans web.xml 

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE dwr PUBLIC "-//GetAhead Limited//DTD Direct Web Remoting 3.0//EN" "http://getahead.org/dwr/dwr30.dtd">

<dwr>
  <allow>
    <create creator="new" javascript="Demo" scope="application">
      <include method="get"/>
      <param name="class" value="cn.smileyan.cy.Cyservice"/>
    </create>
  </allow>
</dwr>



3. 🎜>

Rappel spécial, 
 <servlet>
  	<display-name>DWR Servlet</display-name>
  	<servlet-name>dwr-invoker</servlet-name>  
  	<servlet-class>org.directwebremoting.servlet.DwrServlet</servlet-class>
  	<init-param>
      <param-name>debug</param-name>
      <param-value>true</param-value>
  	</init-param>
  </servlet>

  <servlet-mapping>
    <servlet-name>dwr-invoker</servlet-name>
	<url-pattern>/dwr/*</url-pattern>
  </servlet-mapping>
doit faire attention au code du script de DWR, n'oubliez pas de correspondre à Demo.js

4. Code JAVA

 
<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Insert title here</title>
<script type="text/javascript" src="dwr/engine.js"></script>
<script type="text/javascript" src="dwr/util.js"></script>
<script type="text/javascript" src="dwr/interface/Demo.js"></script>
<script>
  
  function doTest(){
	Demo.get(callback);            /*此处.get对应的是Java类中的方法*/
  }
  
  var callback = function dddddddd(data){
  	dwr.util.setValue("demo",data);
  }
  
</script>

</head>
<body>
  <input type="button" value="time" onClick="doTest()"/>
  <input type="text" id="demo" size="40">
</body>
</html>

5. Exécutez, puis cliquez sur le bouton pour voir l'effet 

package cn.smileyan.cy;

public class Cyservice {
	public String get(String str) {
		return "Hello DWR !"; 
	}
}

4.Résumé

Cet exemple est très simple, mais ceci est similaire au simple js. L'implémentation du masquage et de l'affichage est différente, car cela convertit en fait le code Java en code js, c'est-à-dire que la classe Cyservice correspond à Demo.js et la méthode Demo.get appelle en fait la méthode get de l'objet Cyservice.

L'avantage est qu'il peut interagir avec l'arrière-plan sans sauter, ce qui améliore grandement l'expérience utilisateur.

Recommandations associées :


DWR implémente l'apprentissage AJAX

La relation subtile entre DWR et AJAX

Messagerie immédiate en mode b/s, utilisant le framework ajax dwr pour implémenter

Expérience du framework DWR (obtention d'un effet sans rafraîchissement basé sur Ajax)


Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration：
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Article précédent：WeChat JS-SDK personnalise la fonction de partage WeChatArticle suivant：WeChat JS-SDK personnalise la fonction de partage WeChat

Articles Liés

Voir plus