使用DWR实现JS调用JAVA类

1.下载dwr.jar包(参见附件).将jar包拷入到项目的lib库中,并构建路径.
2.修改web.xml文件.在web.xml文件中添加如下代码:

    dwr-invoker
    class>uk.ltd.getahead.dwr.DWRServletclass>

    debug
    true




   dwr-invoker
   /dwr/*

    dwr-invoker
    uk.ltd.getahead.dwr.DWRServlet
    
   	debug
   	true
    



   dwr-invoker
   /dwr/*

3.在与web.xml的同级目录下添加文件dwr.xml,并加入如下代码:

dwr PUBLIC
    "-//GetAhead Limited//DTD Direct Web Remoting 1.0//EN"
    "dwr/dwr10.dtd">
<dwr>

   "new" javascript="Test">
     "class" value="com.dwr.test.Test"/>


dwr>

dwr PUBLIC
    "-//GetAhead Limited//DTD Direct Web Remoting 1.0//EN"
    "dwr/dwr10.dtd">
<dwr>
   
   javascript="Test">
     
     
 
dwr> 

其中:
每一个被代理的JAVA类都会放在标签下.
javascript属性是为在JSP中所引用的Java类起的一个名字，通常和类名相同。
creator属性用于设置JAVA类是什么类型，new代表一个普通类型。
标签中的value值为所代码的JAVA类的类路径,包括包名和类名.
4.编写相应的JAVA类.注意,你所编写的类路径一定要与dwr.xml中设置的路径保持一致.
假设编写的类为Test.java.类路径为com.test.Test,代码如下:

package com.dwr.test;
public class Test {
    public String hello(String name) {
        return "hello" + name;
    }
}

package com.dwr.test;
public class Test {
	public String hello(String name) {
		return "hello" + name;
	}
}

5.测试并获取相应的JS代码.在浏览器中输入{你的项目名}/dwr,则会出现如下页面: 

展开后:
 
前两个红框框住的内容是JSP页面需要引用的代码.最后一个红框框的内容相当于是一个测试,输入一个字符串后,点击"Execute"后会执行相应的JAVA代码(即Test类里面的内容).
6.新建一个JSP页面.假设命名为hello.jsp.我们来实现一个功能,点击一个按钮后,弹出一个欢迎框出来.需添加如下代码:

'text/javascript' src='/userapp/dwr/interface/Test.js'>
'text/javascript' src='/userapp/dwr/engine.js'>
'text/javascript' src='/userapp/dwr/util.js'>
&nbsp;&nbsp;</SPAN> 
<LI><SPAN>&nbsp;&nbsp;&nbsp;&nbsp;function&nbsp;hello(){ &nbsp;&nbsp;</SPAN> 
<LI><SPAN>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;var&nbsp;user&nbsp;=$(</SPAN><SPAN class=string><FONT color=#0000ff>"user"</FONT></SPAN><SPAN>).value; &nbsp;&nbsp;</SPAN></SPAN> 
<LI><SPAN>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Test.hello(user,callback); &nbsp;&nbsp;</SPAN> 
<LI><SPAN>&nbsp;&nbsp;&nbsp;&nbsp;} &nbsp;&nbsp;</SPAN> 
<LI><SPAN>&nbsp;&nbsp;&nbsp;&nbsp;function&nbsp;callback(message){ &nbsp;&nbsp;</SPAN> 
<LI><SPAN>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;alert(message); &nbsp;&nbsp;</SPAN> 
<LI><SPAN>&nbsp;&nbsp;&nbsp;&nbsp;} &nbsp;&nbsp;</SPAN> 
<LI><SPAN>
"user" type="text"/>
"button" value="test" onclick="hello();">

其中,前面引用的JS文件代码是直接从测试页面拷贝过来的.
7.访问hello.jsp页面.测试一下结果就完成啦.

 

8.

在dwr.xml中加入如下代码：
这样会把Error转换成具体的错误描述来看，就如同你在console看到的一样。（当然只有描述而已，堆栈不会显示）。

 

相关地址：http://spllot.javaeye.com/blog/480329

         http://blog.csdn.net/zwy82/archive/2009/03/06/3962040.aspx