dwr实现ajax学习

首页 > 代码库 > dwr实现ajax学习

2024-07-08 16:50:12 223人阅读

前一段时间看了一点dwr实现ajax的介绍信息，一直想找个机会看看到底怎么用。今天起了个早，试了一下感觉还挺好用的。下面是我的一点学习总结：

一、配置DWR(http://getahead.org/dwr/getstarted)
1、将dwr.jar包放在web-info/lib目录下
2、编辑web.xml文件，添加servlet

<servlet-name>dwr-invoker</servlet-name>

<display-name>DWR Servlet</display-name>

<servlet-class>uk.ltd.getahead.dwr.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>

3、创建dwr.xml配置文件注册JAVA类和脚本的对应信息。
<!DOCTYPE dwr PUBLIC
"-//GetAhead Limited//DTD Direct Web Remoting 1.0//EN"
"http://www.getahead.ltd.uk/dwr/dwr10.dtd">

<dwr>
<allow>
    
</allow>
</dwr>
4、通过http://localhost:8080/[your webapp]/dwr可以获取到当前dwr中可以使用的JAVA类。

检测用户名是否已经使用例子：
1、按照前面两部配置一下DWR。
2、编写类：test.CheckUser
package test;

public class CheckUser {
public String check(String name){
//访问数据库验证信息
if(name.startsWith("aa")){
  return "用户已经存在";
}
else{
  return "可以使用该用户";
}
}
}
3、创建配置文件并在配置文件中配置CheckUser类。
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE dwr PUBLIC
    "-//GetAhead Limited//DTD Direct Web Remoting 2.0//EN"
    "http://getahead.org/dwr/dwr20.dtd">

<dwr>
<allow>
    <create creator="new" javascript="CheckUser">
      <param name="class" value="http://www.mamicode.com/test.CheckUser"/>
    </create>
</allow>
</dwr>
4、重启tomcat服务器，通过http://localhost:8080/[your webapp]/dwr可以看到CheckUser类，点击连接可以查看该类的方法和并测试。
5、编写index.jsp页面，实现效果。
在页面文件中实现效果
1）在javascript中通过使用dwr.util.getValue() 来获取页面中某个页面元素的值。
2）直接调用后台java类的方法，传递方法参数和“异不调用返回后的处理脚本函数"
3）”在处理脚本函数“中我们可以通过dwr.util.setValue（”控件ID",值）来个控件更新数据。
4）为了让javascript脚本中可以调用java类的方法我们需要在dwr.xml文件中申明java类。
注意：在页面中需要包含引入：
<script type=‘text/javascript‘ src=http://www.mamicode.com/‘/test/dwr/interface/CheckUser.js‘></script>
<script type=‘text/javascript‘ src=http://www.mamicode.com/‘/test/dwr/util.js‘></script>
否则会出现脚本错误