dwr框架简单例子
2012-08-13 11:40
267 查看
一 什么是DWR
DWR(Direct
Web Remoting)是一个用于改善web页面与Java类交互的远程服务器端Ajax开源框架,可以帮助开发人员开发包含AJAX技术的网站.它可以允许在浏览器里的代码使用运行在WEB服务器上的JAVA函数,就像它就在浏览器里一样。
二 实现步骤
1-下载dwr框架的jar包(http://directwebremoting.org/dwr/)并将jar包放入环境
2-配置web.xml
<web-app>
<!-- DWR配置 -->
<servlet>
<servlet-name>dwr</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</servlet-name>
<url-pattern>/dwr/*</url-pattern>
</servlet-mapping>
<!-- 其他略。。。。 --></web-app>3-在包test下创建UserBiz类,用于测试
4-在WER-INF文件夹中创建dwr.xml,用于页面调用指定方法。 value指向指定的类,method指向指定的方法
配置如下:
<?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="DWRUserCheck">
<param name="class" value="test.UserBiz" />
<include method="checku"/>
</create>
</allow>
</dwr>
配置完成后可以通过Http://localhost:8080/ajaxtest/dwr测试是否成功(ajaxtest是项目名),点DWRUserCheck进入具体内容页面
可以在页面上输入测试数据测试是否可以达到想要的功能,
页面上的以下3条信息需要写在功能的JSP页面上.否则DWRUserCheck.checku(uname,back);时候会提示找不到函数。
5-页面JS实现调用后台方法
<script type="text/javascript">
function checku(name){
//获取登陆名
var uname=name.value;
if(!uname){
//登陆名为空显示错误信息,并获取文本框焦点
document.getElementById("div").innerHTML="<font size='2' color='orange'> 用户名不能为空</font>";
name.focus();
return;
}
//发送请求checku(参数,回调函数)
DWRUserCheck.checku(uname,back);
}
//回调函数,完成操作后,最后调用这个函数显示结果
function back(result){
//result是接收方法的返回值
if(result){
document.getElementById("div").innerHTML="<font size='2' color='orange'> 用户名已存在</font>"
}else{
document.getElementById("div").innerHTML="<font size='2' color='green'> √</font>"
}
}
</script>
6-jsp页面调用js函数
<form action="index.jsp" method="post">
<html:form action="/login">
name : <html:text property="name" onblur="return checku(this)" /><div id="div" style="display:inline" ></div>
<br/>
<html:submit/><html:cancel/>
</html:form>
</form>
转:不及格的飞鱼 http://www.cnblogs.com/liuyongcn/
DWR(Direct
Web Remoting)是一个用于改善web页面与Java类交互的远程服务器端Ajax开源框架,可以帮助开发人员开发包含AJAX技术的网站.它可以允许在浏览器里的代码使用运行在WEB服务器上的JAVA函数,就像它就在浏览器里一样。
二 实现步骤
1-下载dwr框架的jar包(http://directwebremoting.org/dwr/)并将jar包放入环境
2-配置web.xml
<web-app>
<!-- DWR配置 -->
<servlet>
<servlet-name>dwr</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</servlet-name>
<url-pattern>/dwr/*</url-pattern>
</servlet-mapping>
<!-- 其他略。。。。 --></web-app>3-在包test下创建UserBiz类,用于测试
public boolean checku(String s){ System.out.println(s); if("test".equalsIgnoreCase(s)){ return true; }else{ return false; } }
4-在WER-INF文件夹中创建dwr.xml,用于页面调用指定方法。 value指向指定的类,method指向指定的方法
配置如下:
<?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="DWRUserCheck">
<param name="class" value="test.UserBiz" />
<include method="checku"/>
</create>
</allow>
</dwr>
配置完成后可以通过Http://localhost:8080/ajaxtest/dwr测试是否成功(ajaxtest是项目名),点DWRUserCheck进入具体内容页面
可以在页面上输入测试数据测试是否可以达到想要的功能,
页面上的以下3条信息需要写在功能的JSP页面上.否则DWRUserCheck.checku(uname,back);时候会提示找不到函数。
<script type='text/javascript' src='/ajaxtest/dwr/engine.js'></script> <script type='text/javascript' src='/ajaxtest/dwr/interface/DWRUserCheck.js'></script> <script type='text/javascript' src='/ajaxtest/dwr/util.js'></script>、
5-页面JS实现调用后台方法
<script type="text/javascript">
function checku(name){
//获取登陆名
var uname=name.value;
if(!uname){
//登陆名为空显示错误信息,并获取文本框焦点
document.getElementById("div").innerHTML="<font size='2' color='orange'> 用户名不能为空</font>";
name.focus();
return;
}
//发送请求checku(参数,回调函数)
DWRUserCheck.checku(uname,back);
}
//回调函数,完成操作后,最后调用这个函数显示结果
function back(result){
//result是接收方法的返回值
if(result){
document.getElementById("div").innerHTML="<font size='2' color='orange'> 用户名已存在</font>"
}else{
document.getElementById("div").innerHTML="<font size='2' color='green'> √</font>"
}
}
</script>
6-jsp页面调用js函数
<form action="index.jsp" method="post">
<html:form action="/login">
name : <html:text property="name" onblur="return checku(this)" /><div id="div" style="display:inline" ></div>
<br/>
<html:submit/><html:cancel/>
</html:form>
</form>
转:不及格的飞鱼 http://www.cnblogs.com/liuyongcn/
相关文章推荐
- DWR框架应用简单例子
- JS框架avalon简单例子 行编辑 添加 修改 删除 验证
- 一个简单的Cairngorm框架例子
- dwr小例子最简单的
- 一个基于MINA框架应用的最简单例子
- Web端服务器推送技术原理分析及dwr框架简单的使用
- struts2---验证框架的简单例子及其疑问
- j2ee dwr框架简单实现
- 服务器推送技术原理分析及dwr框架简单的使用
- DWR框架简单配置
- AgileEAS.NET SOA 中间件平台.Net Socket通信框架-简单例子-实现简单的服务端客户端消息应答
- 使用CXF框架实现webservice的一个简单例子
- Web端服务器推送技术原理分析及dwr框架简单的使用
- dwr框架异步调用简单小例
- Spring+struts2+hibernate框架的Java Web项目利用POI导出Excel简单例子
- 使用DWR实现JS调用JAVA类的简单例子
- Web端server推送技术原理分析及dwr框架简单的使用
- dwr+maven实现java和js方法互相调用,实现推送, 完整切超简单例子
- 服务器推送技术原理分析及dwr框架简单的使用
- Dwr框架在客户端远程调用方法返回自定义类型的例子