This document summarizes how to use Direct Web Remoting (DWR) to call Java methods from JavaScript. It involves: 1) Adding the dwr.jar file to the WEB-INF/lib directory and creating a dwr.xml file in WEB-INF to map Java classes. 2) Including the DWR JavaScript files in the HTML and creating a DWR interface to call Java methods. 3) Creating a Java class with methods to be called from JavaScript and configuring it in the dwr.xml file. 4) Calling the Java method from a JavaScript function and handling the returned value.

1. DWR (Direct Web Remoting)
HTML file
Java Script Code
dwr.xml
action method

2. <script type='text/javascript'
src=‘../../dwr/util.js'></script>
<script type='text/javascript‘
src='../../dwr/engine.js'></script>
<script type='text/javascript'
src=‘../../dwr/interface/dwrinterface.js'></s
cript>
<button onclick=“function1()”>Click to
call Java Method with DWR</button>
<span id=‘span1’></span>
<script>
function function1(){
dwrinterface.dwrMethod(“sendData”,
loadDataToSpan);
}
function
loadDataToSpan(comesFromJava){
document.getElementById(‘span1’).i
nnerHTML = comesFromJava;
}
</script>
public class MyDWRClass{
public String dwrMethod( String
fromDWR ){
System.out.println(“Data comes from
dwr : ” + fromDWR);
return “DWR Successfully ”;
}
}
<create creator="new”javascript=“dwrinterface">
<param name="class"
value="com.dwr.test.MyDWRClass"/>
</create>
dwr.xml
MyDWRClass.javaSample.html
click
call check check pointcall
return
1
2
3
5
46
7

3. DWR (Direct Web Remoting)
Add dwr.jar file /WEB-INF/lib/dwr.jar
create dwr.xml file /WEB-INF/dwr.xml
dwr.xml
<create creator="new”javascript=“dwrinterface">
<param name="class" value="com.dwr.test.MyDWRClass"/>
</create>
Any name
class path
<create creator="new”javascript=“dwrinterface">
<param name="class" value="com.dwr.test.MyDWRClass"/>
</create>
dwr.xml file

4. DWR (Direct Web Remoting)
HTML file
<script type='text/javascript' src=‘../../dwr/util.js'></script>
<script type='text/javascript‘ src='../../dwr/engine.js'></script>
<script type='text/javascript' src=‘../../dwr/interface/dwrinterface.js'></script>
<create creator="new”javascript=“dwrinterface">
<param name="class" value="com.dwr.test.MyDWRClass"/>
</create>
Add this code
dwrpath/dwr/util.js
dwrpath/dwr/engine.js
dwr.xml file
class MyDWRClass{
public String dwrMethod(String fromDWR){
System.out.println(“Data comes from dwr : ”+fromDWR);
return “DWR Successfully ”;
}
}
Create a class MyDWRClass

5. DWR (Direct Web Remoting)
HTML file
<script type='text/javascript' src=‘../../dwr/util.js'></script>
<script type='text/javascript‘ src='../../dwr/engine.js'></script>
<script type='text/javascript' src=‘../../dwr/interface/dwrinterface.js'></script>
<button onclick=“function1()”>Click to call Java Method with DWR</button>
<span id=‘span1’></span>
<script>
function function1(){
dwrinterface.dwrMethod(“sendData”, loadDataToSpan);
}
function loadDataToSpan(comesFromJava){
document.getElementById(‘span1’).innerHTML = comesFromJava;
}
</script>

6. DWR (Direct Web Remoting)
MyDWRClass.java
public class MyDWRClass{
public String dwrMethod( String fromDWR ){
System.out.println(“Data comes from dwr : ” + fromDWR);
return “DWR Successfully ”;
}
}
<create creator="new”javascript=“dwrinterface">
<param name="class" value="com.dwr.test.MyDWRClass"/>
</create>
dwr.xml

7. THANK YOU