dwr实现动态用户输入信息,如在注册论坛时,输完用户名后转到输入密码时,用户后会显示用户名是否可用,而这个过程用户感觉不到页面的刷新,可继续往下操作,是由ajax在后到完成验证。
一:导入dwr.jar
二:配置web.xml
<servlet>
<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>
三、编写dwr.xml
<?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>
<!-- Demo是映射在javascript中的类名,new表示新建一个 -->
<create javascript="Demo" creator="new">
<param name="class" value="gjs.dwr.Demo"/>
</create>
</allow>
</dwr>
四、在页面中导入js
<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>
五、java类
public class Demo {
public String checkName(String n){
String name="gjs";
System.out.println("loginForm.checkName"+n);
if(name.equals(n)){
return "this name is used,please try another one.";
}else{
return "this name can use.";
}
}
}
六、页面中编写javascript函数。
function checkName(){
var name=dwr.util.getValue("name");
Demo.checkName(name,function(data) {
dwr.util.setValue("sname", data);
});
}
Demo.checkName(A,B),A为传入参数,B为回调函数。
下面这样调用:
<html:form action="/loging">
Name:<input type="text" id="name" onblur="checkName();"><span id="sname" style="background-color:gray"></span><br>
Psw:<input type="text" id="psw"><span id="spsw" style="background-color: blue"></span><br>
<html:button property="button"></html:button>
</html:form>
分享到:
- 2008-06-04 17:28
- 浏览 860
- 评论(0)
- 论坛回复 / 浏览 (0 / 1561)
- 查看更多
相关推荐
ajax之dwr视频2.exe ajax之dwr视频2.exe ajax之dwr视频2.exe
这个“Ajax之dwr框架应用”示例是一个很好的起点,帮助开发者了解如何在实际项目中应用DWR。 首先,我们来探讨DWR的基本概念。DWR允许JavaScript代码调用Java方法,就像它们是本地函数一样。这意味着可以在不刷新...
DWR (Direct Web Remoting) 是一个开源Java库,它允许Web开发者在浏览器和服务器之间进行实时、异步的数据交换,极大地简化了AJAX(Asynchronous JavaScript and XML)的开发。DWR使得JavaScript可以直接调用Java...
DWR(Direct Web Remoting)框架是Ajax技术中的一种实用工具,它允许Web应用程序在不进行页面刷新的情况下与服务器进行交互。DWR是Apache软件基金会的一员,作为一个免费且开源的框架,它极大地简化了Java方法与...
通过DWR,我们可以使用JavaScript直接调用服务器端的Java方法,实现Ajax(Asynchronous JavaScript and XML)的功能,即在后台与服务器交互数据并局部更新网页。 **Ajax**的核心是利用JavaScript进行异步数据请求,...
上次因为上传大小有限制所以这个没有传上去。大家现在可以看了。一个几个例子包括级联查单等,和前面的是配套的。
1. **DWR框架**:DWR的核心功能是实现AJAX(Asynchronous JavaScript and XML)通信。它通过在服务器端运行Java对象,然后在客户端通过JavaScript调用这些对象的方法,使得用户可以在不刷新整个页面的情况下更新部分...
在提供的“AJAX框架DWR简单应用.pdf”文件中,你可能会找到关于如何设置DWR环境、编写Java接口、配置DWR配置文件、在前端JavaScript中使用DWR,以及示例代码和实际运行效果的详细教程。这个文件是学习和理解DWR工作...
DWR(Direct Web Remoting)是一个开源JavaScript库,它使得在浏览器端可以直接调用服务器端的Java方法,实现了JavaScript与服务器端的双向通信,简化了Ajax应用的开发。 在DWR中,有三个主要的组件: 1. **DWR ...
DWR的核心功能是提供一种安全、高效的方法,允许JavaScript与服务器上的Java对象直接交互,类似于AJAX(Asynchronous JavaScript and XML)技术,但DWR提供了更高级别的抽象,使得开发人员可以更方便地处理远程调用...
ajax ajax视频 dwr dwr视频 有几年项目经验的讲师视频 本人从不上传垃圾视频
**AJAX_DWR框架详解** AJAX (Asynchronous JavaScript and XML) 和 DWR (Direct Web Remoting) 是两种在Web开发中广泛使用的技术,它们共同构成了一个强大的框架,用于构建高度交互性和动态的Web应用程序。AJAX允许...
【标题】"my_employee_study.rar_Employee Stud_ajax_dwr_dwr ajax_上传 Java" 提供了一个关于员工学习的场景,特别关注的是AJAX、DWR技术以及Java在文件上传中的应用。这个压缩包包含了作者在公司近两个月内通过...
**Ajax_dwr包详解** Ajax (Asynchronous JavaScript and XML) 是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。它通过在后台与服务器进行少量数据交换,使得网页实现异步更新。这种方式可以让网页...
**Java AJAX 框架 DWR 全面解析** DWR (Direct Web Remoting) 是一个强大的Java AJAX框架,它允许在浏览器和服务器之间进行直接的JavaScript与Java对象的交互,使得开发者能够轻松构建富客户端应用程序。DWR的出现...
在这个"Ajax+DWR示例"中,提供了两个使用Ajax和DWR结合的实际应用例子。这些例子可能包含以下关键知识点: 1. **DWR配置**:在Web应用程序中,需要配置DWR的Context.xml和DWRServlet映射,以启用DWR服务。 2. **...
相比之下,Ajax实现了部分刷新,仅获取并更新需要变动的数据,提高用户体验。Ajax通过XHR对象实现异步通信,这意味着用户可以在等待服务器响应的同时继续其他操作。另外,虽然传统的IFRAME也能实现异步通信,但Ajax...
**Ajax + Struts 与 Ajax 的 DWR 框架使用详解** 在现代Web开发中,Ajax(Asynchronous JavaScript and XML)技术极大地提升了用户体验,它允许网页在不刷新整个页面的情况下与服务器进行交互。Struts作为Java EE...
标题中的"ajax的dwr包"指的是DWR框架用于实现Ajax功能的组件集合。DWR的jar包是该框架的Java类库,包含了所有必要的类和接口,使得开发者可以在服务器端集成DWR并创建可调用的远程方法。 描述中的"ajax的dwr jar包 ...
**Ajax与DWR:实现页面无刷新加载** Ajax(Asynchronous JavaScript and XML)是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。它通过在后台与服务器进行少量数据交换,使得网页实现异步更新,提高...